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

Webpack可以從終端、或是更改 webpack.config.js 來設(shè)置各項(xiàng)功能。

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

WebPack 官網(wǎng)

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

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

WebPack 結(jié)構(gòu)

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

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

WebPack 相關(guān)技術(shù)

• Grunt

• Gulp.js

• Browserify