webpack作為構建工具平時作為前端作為優(yōu)化、模塊編程、和分片打包的重要組成部分,大家可能并不陌生,如果沒有時刻的去關注文檔,那么大家可能不太清楚webpack已經默默然的升級到2.x了,對比1.x版本,webpack2的文檔結構和代碼提示都非常友善。

webpack從1.x升到2版,并沒有作為大的更改改動,而且內部的接口文檔形式也與1基本無修改,那么對比webpack2版本 我們對webpack的主要屬性做個簡單的屬性講解

大學生就業(yè)培訓,高中生培訓,在職人員轉行培訓,企業(yè)團訓

 

 

首先第一個 webpack2.1后對聲明引入webpack省略了 ,也就是說沒有require('webpack')也可以正常運行,當然不是很建議,因為后在使用插件的時候需要顯示調用webpack對象。

大學生就業(yè)培訓,高中生培訓,在職人員轉行培訓,企業(yè)團訓

context:解析和加載的初始路徑,一般在不設置的情況下默認使用當前文件路徑。(官方文檔建議設置,這樣可以獨立于工作環(huán)境)

如何設置context的時候注意配置為全局路徑,通過path進行設置。

大學生就業(yè)培訓,高中生培訓,在職人員轉行培訓,企業(yè)團訓

entry:程序入口,我們將要對文件處理的程序入口。(就是在使用webpack時要對那幾個文件進行操作)

 

entry可以傳遞 string字符串、數組、對象結構、函數返回值(不建議)分別定義入口設置。

大學生就業(yè)培訓,高中生培訓,在職人員轉行培訓,企業(yè)團訓

那么在webpack2.的官網上 函數設置entry使用的es6的箭頭函數=>與普通函數功能對等

 

------------------------------------我是華麗的分割線---------------------------------

網友評論