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

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

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團訓(xùn)

 

 

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

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團訓(xùn)

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

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

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團訓(xùn)

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

 

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

大學(xué)生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團訓(xùn)

那么在webpack2.的官網(wǎng)上 函數(shù)設(shè)置entry使用的es6的箭頭函數(shù)=>與普通函數(shù)功能對等

 

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

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式