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

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

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

 

 

首先第一個(gè) webpack2.1后對(duì)聲明引入webpack省略了 ,也就是說沒有require('webpack')也可以正常運(yùn)行,當(dāng)然不是很建議,因?yàn)楹笤谑褂貌寮臅r(shí)候需要顯示調(diào)用webpack對(duì)象。

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

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

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

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

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

 

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

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

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

 

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

網(wǎng)友評(píng)論