Webpack 是一個開源的前端打包工具。Webpack 提供了前端開發缺乏的模塊化開發方式,將各種靜態資源視為模塊,并從它生成優化過的代碼。
Webpack可以從終端、或是更改 webpack.config.js 來設置各項功能。
要使用 Webpack 前須先安裝 Node.js。Webpack 其中一個特性是使用加載器來將資源轉化成模塊。開發者可以自定義加載器的順序、格式來因應項目的需求。
WebPack 官網
Webpack官網:https://webpack.js.org/
Webpack官方Github源碼庫:https://github.com/webpack/webpack
WebPack 結構
從圖中我們可以看出,Webpack 可以將多種靜態資源 js、css、less 轉換成一個靜態文件,減少了頁面的請求。
接下來我們簡單為大家介紹 Webpack 的安裝與使用。