Webpack實戰：入門、進階與調優（第2版）

🔝提高 Webpack 構建的項目的性能⚡️ 構建速度方面：可以合理運用緩存，像開啓 loader 緩存以及利用 Webpack 持久化緩存，能避免重複編譯；多進程打包可藉助 thread-loader，讓計算密集型的 loader 利用多核 CPU 並行處理，加快速度；還可通過配置 resolve.modules 與 resolve.extensions，縮小文件搜索範圍。 打包產物優化：對代碼進行分割，入口起點分割、動態導入以及藉助 SplitChunksPlugin，能按需拆分代碼、提取公共模塊，避免代碼冗餘；壓縮代碼上，生產環境用 terser-webpack-plugin 壓縮 JavaScript、css-minimizer-webpack-plugin 壓縮 CSS；圖片優化則可依靠 image-webpack-loader 對各類圖片格式進行壓縮處理。

本書的邏輯還是很清晰的，適合新手入門。 只是前期的樣例代碼中，一會使用commonjs模塊，一會使用es模塊，對於我這個模塊系統概念零基礎的讀者造成了一些困擾，因爲跟着書中的步驟走，但最終會編譯失敗，好在現在有AI進行快速答疑。 前面跟着作者在嘗試着書寫配置，並且我clone了webpack的源碼，邊看源碼邊調試。前期是一臉懵逼的，不知道我到底在配置什麼，我的配置到底有什麼用，我的配置對應的源碼執行點在哪裏等等。讀到原理章節的時候才恍然大悟，原來一切根源都在於webpack靈活的生命週期鉤子和插件化思想（架構思想是語言無關的），然後一下就通了。學習webpack源碼，主要關注點就在於Compiler等核心組件對象有哪些Hook鉤子，以及webpack自身實現了哪些Plugin插件，每個插件都在給哪些鉤子註冊哪些回調函數，慢慢就學會了如何使用webpack進行構建了。 最後，從讀者對構建工具的社區調研瞭解來看，webpack應該是最具通用性和靈活性的構建工具了，它的能力就好比gradle（我是java後端出身）。

基礎概念講解的比官網清晰，後面涉及到熱替換等高級概念就有點水了，還是面向新手的原因吧，新手確實大都用不上這些

我覺得需要入門webpack的學習者還是直接閱讀官網吧，這本書已經有太多過時的內容了，保守估計50%的代碼無法在當下這個環境中使用，很多plugin/loader寫法都過時了，都被廢棄了。不建議閱讀。

第一章就運行不過，devServer publicPath 變量在哪裏。哎，垃圾書？

本書最大的亮點在於"實戰導向"的編寫思路。不同於單純羅列API文檔的教程，作者通過大量真實項目場景案例，將Webpack的配置、插件、Loader等抽象概念具象化。例如，書中詳細演示瞭如何爲Vue、React等主流框架配置開發環境，如何處理CSS預處理器、圖片資源，以及如何通過SplitChunksPlugin進行代碼分割優化。這種"以用帶學"的方式，讓讀者在解決實際問題的過程中掌握工具精髓，避免了"學完就忘"的困境。 在進階內容上，本書深入探討了性能優化和構建調優這一前端工程化的核心痛點。從Tree Shaking、緩存策略到構建速度分析，作者不僅提供了配置方法，更解釋了背後的原理和最佳實踐。特別是針對大型項目的構建優化方案，如DLL、多線程構建等高級技巧，都有詳盡的代碼示例和性能對比數據，具有很高的參考價值。 不過，本書對完全零基礎的讀者可能稍顯陡峭，建議先具備一定的JavaScript和Node.js基礎再閱讀。此外，部分高級配置的調試技巧篇幅有限，需要讀者在實踐中進一步探索。 總體而言，這是一本結構清晰、案例豐富、實用性強的工具書，適合有一定前端開發經驗、希望系統掌握Webpack或提升工程化能力的開發者。

本書出版日期是2022年5月，實際上是2019年第一版的更新，但實際內容更新並不大。甚至能從書中示例截圖中看到，所用webpack版本爲3。到本書出版時webpack5已經發布一年半左右，但沒有介紹webpack5推出的一些新特性。相比19年第一版，更新了一些和框架的結合，介紹了時下流行的構建工具，但也都淺嘗輒止。整體來說，放在2019年來說，夠用，放在2022年出版，誠意不夠。

本書14.2萬字，花了7小時22分鐘讀完，基本用一週的空閒時間就可以閱讀完。 書的內容較簡單，主要是沿着用webpack搭建前端項目這條脈絡，一步步的介紹webpack的各個功能點，從entry、output這種基本配置，到loader、plugin這些輔助功能，再到生產環境代碼優化等較高階的功能，作者會根據書中每個章節，給出各個知識點的案例，並且書中的代碼都是可以複製的代碼塊，不僅樣式美觀，而且非常方便讀者複製代碼塊，以上幾個方面皆爲好評。 不過礙於篇幅的限制以及webpack本身體系的龐大，書中沒法說清框架的很多細節，大部分內容只是簡單的闡述一下框架要如何配置，配置完了會有什麼效果，對於很多原理性的東西，還需要讀者從自身能力出發，帶着問題閱讀本書，針對不清楚的點查閱資料解開疑惑，如此這般，前端水平應該能更上一個臺階。 由於本書的內容比較淺顯，特別適合還沒有前端工程經驗的小白或者是使用webpack搭建過前端項目的初級開發者閱讀，當然如果是老司機，仍然可以將本書作爲複習材料，通過案例快速複習webpack知識。

作者沒有提各種插件的版本，最後發現書上的配置沒辦法直接使用，需要查找最新版的文檔覈對纔行。所以後續看此書的讀者，一定要看看最新依賴包和配置的文檔

內容適合初學者，部分內容不夠嚴謹，有些錯誤，原理講解不夠深入，不過整體上還是適合有一定使用經驗，對webpack不太瞭解的初學者。