Webpack是一款非常好用簡便的模塊打包輔助軟件。這款工具適用于前端設計的強大框架，可以幫助用戶將許多松散的模塊打包成符合生產環(huán)境部署的前端資源。喜歡的用戶可以到jz5u來Webpack。

Webpack基本簡介

Webpack 是當下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規(guī)則打包成符合生產環(huán)境部署的前端資源。還可以將按需加載的模塊進行代碼分隔，等到實際需要的時候再異步加載。通過 loader 的轉換，任何形式的資源都可以視作模塊，比如 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。

Webpack框架特點

代碼拆分
Webpack 有兩種組織模塊依賴的方式，同步和異步。異步依賴作為分割點，形成一個新的塊。在優(yōu)化了依賴樹后，每一個異步區(qū)塊都作為一個文件被打包。
Loader
Webpack 本身只能處理原生的 JavaScript 模塊，但是 loader 轉換器可以將各種類型的資源轉換成 JavaScript 模塊。這樣，任何資源都可以成為 Webpack 可以處理的模塊。
智能解析
Webpack 有一個智能解析器，幾乎可以處理任何第三方庫，無論它們的模塊形式是 CommonJS、 AMD 還是普通的 JS 文件。甚至在加載依賴的時候，允許使用動態(tài)表達式 require("./templates/" + name + ".jade")。
插件系統(tǒng)
Webpack 還有一個功能豐富的插件系統(tǒng)。大多數內容功能都是基于這個插件系統(tǒng)運行的，還可以開發(fā)和使用開源的 Webpack 插件，來滿足各式各樣的需求。
快速運行
Webpack 使用異步 I/O 和多級緩存提高運行效率，這使得 Webpack 能夠以令人難以置信的速度快速增量編譯。

Webpack框架優(yōu)勢

1 按需加載模塊，按需進行懶加載，在實際用到某些模塊的時候再增量更新
2 webpack 是以 commonJS 的形式來書寫腳本，但對 AMD/CMD 的支持也很全面，方便舊項目進行代碼遷移。
3 能被模塊化的不僅僅是 JS 了，能處理各種類型的資源。
4 開發(fā)便捷，能替代部分 grunt/gulp 的工作，比如打包、壓縮混淆、圖片轉base64等。
5 擴展性強，插件機制完善

Webpack安裝方法

請確保安裝了 Node.js 的最新版本。使用 Node.JS 最新的長期支持版本(LTS - Long Term Support)，是理想的起步。使用舊版本，你可能遇到各種問題，因為它們可能缺少 webpack 功能以及/或者缺少相關 package 包。
要安裝最新版本或特定版本，請運行以下命令之一：
npm install --save-dev webpack
npm install --save-dev webpack@
如果你使用 webpack 4+ 版本，你還需要安裝 CLI。
npm install --save-dev webpack-cli
對于大多數項目，我們建議本地安裝。這可以使我們在引入破壞式變更(breaking change)的依賴時，更容易分別升級項目。通常，webpack 通過運行一個或多個 npm scripts，會在本地 node_modules 目錄中查找安裝的 webpack：
"scripts": {
"start": "webpack --config webpack.config.js"
}
當你在本地安裝 webpack 后，你能夠從 node_modules/.bin/webpack 訪問它的 bin 版本。

Webpack更新日志

1 修復缺失的調試依賴
2 支持數組output.library.root