Webpack 官網的教程就是一坨屎!!!
講完了基本的幾個概念,就跟我一起來一探究竟吧。學完指導手冊,才算掌握了 Webpack 的基礎知識。
說道基礎知識,還是要從 Webpack 作為打包工具入手。
- 安裝
- 依賴管理
- 資源打包
- 輸出管理
- 開發與發布狀態管理
- 熱加載
- 代碼清理
- 代碼分割
- 懶加載
- 緩存
在這些名詞里找到平時想解決的問題或者感興趣的話題,那就更好了。
安裝
Webpack 有很多種安裝方式,安裝之前,建議升級到最新的 Nodejs 或者 LTS 版本。你可以在項目中安裝,也可以全局安裝,不過還是建議項目安裝,以減少項目對環境的依賴性(雖然看上去很浪費,這一點也是 Node 比較致命的一點)
最后,喜歡新特性的小伙伴也可以安裝 beta 版,雖然沒有 Windows 和 iOS 那么坑,但也不要用于生產。
從頭開始
正如概念篇所講,Webpack 為項目打包而生,項目安裝完成后,就可以在 命令行或者文件中使用 Webpack 提供的 API 了。