什么是Webpack
webpack,是一個前端模塊構建工具,利用Code Splitting
技術將靜態資源進行模塊塊處理。
設計目標
- 模塊分離。
- 盡可能快的加載時間。
- 每一個靜態文件都能像模塊一樣,進行加載。
- 能夠很好地兼容第三方包。
- 能夠靈活定制構建工具的每一部分。
- 適合大型項目開發。
Webpack特點
Code Splitting
webpack能夠智能地分析,你的重復代碼,避免重復加載。
Loaders
webpack可以在node.js環境下運行,能將靜態文件變異成其他文件,例如babel可以將es5代碼轉換成es6。
Clever parsing
通過require
,基本什么類型的文件,什么路徑都可以很方便地進行加載
Plugin system
webpack 的特點就是可以定制很多插件,你可以很方便地根據你的需要定制你的插件。
關于使用部分
因為教程還算豐富,不是本文重點,我就不重復了,直接跳過。