Webpack 是一個(gè)開(kāi)源的前端打包工具。Webpack 提供了前端開(kāi)發(fā)缺乏的模塊化開(kāi)發(fā)方式，將各種靜態(tài)資源視為模塊，并從它生成優(yōu)化過(guò)的代碼。
Webpack可以從終端、或是更改 webpack.config.js 來(lái)設(shè)置各項(xiàng)功能。
要使用 Webpack 前須先安裝 Node.js。Webpack 其中一個(gè)特性是使用加載器來(lái)將資源轉(zhuǎn)化成模塊。開(kāi)發(fā)者可以自定義加載器的順序、格式來(lái)因應(yīng)項(xiàng)目的需求。
WebPack 官網(wǎng)
Webpack官網(wǎng)：https://webpack.js.org/
Webpack官方Github源碼庫(kù)：https://github.com/webpack/webpack
WebPack 結(jié)構(gòu)
從圖中我們可以看出，Webpack 可以將多種靜態(tài)資源 js、css、less 轉(zhuǎn)換成一個(gè)靜態(tài)文件，減少了頁(yè)面的請(qǐng)求。
接下來(lái)我們簡(jiǎn)單為大家介紹 Webpack 的安裝與使用。
