webpack 特點(diǎn)
代碼拆分
Webpack 有兩種組織模塊依賴(lài)的方式，同步和異步。異步依賴(lài)作為分割點(diǎn)，形成一個(gè)新的塊。在優(yōu)化了依賴(lài)樹(shù)后，每一個(gè)異步區(qū)塊都作為一個(gè)文件被打包。
Loader
Webpack 本身只能處理原生的 JavaScript 模塊，但是 loader 轉(zhuǎn)換器可以將各種類(lèi)型的資源轉(zhuǎn)換成 JavaScript 模塊。這樣，任何資源都可以成為 Webpack 可以處理的模塊。
智能解析
Webpack 有一個(gè)智能解析器，幾乎可以處理任何第三方庫(kù)，無(wú)論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件。甚至在加載依賴(lài)的時(shí)候，允許使用動(dòng)態(tài)表達(dá)式 require("./templates/" + name + ".jade")。
插件系統(tǒng)
Webpack 還有一個(gè)功能豐富的插件系統(tǒng)。大多數(shù)內(nèi)容功能都是基于這個(gè)插件系統(tǒng)運(yùn)行的，還可以開(kāi)發(fā)和使用開(kāi)源的 Webpack 插件，來(lái)滿(mǎn)足各式各樣的需求。
快速運(yùn)行
Webpack 使用異步 I/O 和多級(jí)緩存提高運(yùn)行效率，這使得 Webpack 能夠以令人難以置信的速度快速增量編譯。
總結(jié)下來(lái)其主要的優(yōu)勢(shì)：
- 按需加載模塊，按需進(jìn)行懶加載，在實(shí)際用到某些模塊的時(shí)候再增量更新
- webpack 是以 commonJS 的形式來(lái)書(shū)寫(xiě)腳本，但對(duì) AMD/CMD 的支持也很全面，方便舊項(xiàng)目進(jìn)行代碼遷移。
- 能被模塊化的不僅僅是 JS 了，能處理各種類(lèi)型的資源。
- 開(kāi)發(fā)便捷，能替代部分 grunt/gulp 的工作，比如打包、壓縮混淆、圖片轉(zhuǎn)base64等。
- 擴(kuò)展性強(qiáng)，插件機(jī)制完善
全局安裝webpack
npm install -g webpack
查看版本: webpack -v
提示需要安裝webpack-cli或webpack-command,現(xiàn)在的版本已經(jīng)將webpack相關(guān)的命令單獨(dú)出來(lái)了，所以我們要使用webpack命令的話(huà)，還需要另外安裝包
再安裝webpack-cli包：npm install -g webpack-cli
