Webpack 是一個開源的前端打包工具。Webpack 提供了前端開發(fā)缺乏的模塊化開發(fā)方式，將各種靜態(tài)資源視為模塊，并從它生成優(yōu)化過的代碼。

Webpack可以從終端、或是更改 webpack.config.js 來設置各項功能。

要使用 Webpack 前須先安裝 Node.js。Webpack 其中一個特性是使用加載器來將資源轉化成模塊。開發(fā)者可以自定義加載器的順序、格式來因應項目的需求。

WebPack 官網(wǎng)

Webpack官網(wǎng)：https://webpack.js.org/

Webpack官方Github源碼庫：https://github.com/webpack/webpack

WebPack 結構

從圖中我們可以看出，Webpack 可以將多種靜態(tài)資源 js、css、less 轉換成一個靜態(tài)文件，減少了頁面的請求。

接下來我們簡單為大家介紹 Webpack 的安裝與使用。

WebPack 相關技術

• Grunt

• Gulp.js

• Browserify