Webpack 官網(wǎng)的教程就是一坨屎Ｒ押А！票编！
講完了基本的幾個(gè)概念褪储，就跟我一起來一探究竟吧。學(xué)完指導(dǎo)手冊(cè)慧域，才算掌握了 Webpack 的基礎(chǔ)知識(shí)鲤竹。
說道基礎(chǔ)知識(shí)，還是要從 Webpack 作為打包工具入手。
- 安裝
- 依賴管理
- 資源打包
- 輸出管理
- 開發(fā)與發(fā)布狀態(tài)管理
- 熱加載
- 代碼清理
- 代碼分割
- 懶加載
- 緩存
在這些名詞里找到平時(shí)想解決的問題或者感興趣的話題辛藻，那就更好了碘橘。
安裝
Webpack 有很多種安裝方式，安裝之前吱肌，建議升級(jí)到最新的 Nodejs 或者 LTS 版本痘拆。你可以在項(xiàng)目中安裝，也可以全局安裝氮墨，不過還是建議項(xiàng)目安裝纺蛆，以減少項(xiàng)目對(duì)環(huán)境的依賴性（雖然看上去很浪費(fèi)，這一點(diǎn)也是 Node 比較致命的一點(diǎn)）
最后规揪，喜歡新特性的小伙伴也可以安裝 beta 版桥氏，雖然沒有 Windows 和 iOS 那么坑，但也不要用于生產(chǎn)猛铅。
從頭開始
正如概念篇所講字支，Webpack 為項(xiàng)目打包而生，項(xiàng)目安裝完成后奸忽，就可以在 命令行或者文件中使用 Webpack 提供的 API 了祥款。
