作者按：因為教程所示圖片使用的是 github 倉庫圖片，網速過慢的朋友請移步 《webpack4 系列教程(十三)：自動生成 HTML 檔案》原文地址 。更歡迎來我的小站看更多原創內容： godbmw.co

在開發人員還在體會webpack3.x的餘韻時，webpack4.x已經悄然而來。 而對使用者來說，最期待的問題無外乎如下： 新版本與舊版本相比都有哪些改變？ we

首先我的整體思路是：根據webpack.ssr.config.js配置檔案，將前端程式碼打包進node層供node做SSR使用，然後前端正常啟動webpack-dev-server伺服器即可。 packag

對於程式開發者而言，開發一個專案不僅僅注重效率和功能，前端的效能問題也是非常重要的。這直接影響使用者的體驗，從而間接的也反應該專案質量的好壞。      影響專案效能的原因有很多，如：資原始檔的大小，業務的繁雜

在經過26次金絲雀釋出和340萬次下載之後，現在，我們正式推出生產就緒的Next.js 7。 DX改進：啟動速度提高57％，重新編譯速度提高42％； 使用react-error-overl

自從工作之後，就已經很久沒有寫過部落格了。時間被分割得比較碎，積累了一段時間的學習成果，才寫下了這篇部落格。 之前有寫過 Webpack4 的文章，但是都比較偏入門，唯一的一篇實戰篇 —— 基於Webpa

一個適合小頁面的模板開發工具，基於webpack，支援熱過載，將css、js打包到一個html模板檔案中。 這個小工具的適用場景不廣，但設計思路能帶來不小的啟發。 具體可移步：

摘要：最實用的JS庫開發指南… 原文： 2020年如何寫一個現代的JavaScript庫 作者：顏海鏡 Fundebug經授權轉載，版權歸原作者所有。 我寫過一些

最近新起了一個多頁專案，之前都未使用 webpack4，於是準備上手實踐一下。這篇文章主要就是一些配置介紹，對於正準備使用 webpack4 的同學，可以做一些參考。 webpack4 相比之前的 2 與

本文github程式碼 。 通常來講，production環境與development的配置有不一樣的地方，比如production環境要求更小的程式碼量以加快網頁的載入速度，

// 入口檔案 entry: { app: './src/js/index.js', }, // 輸出檔案 output: { filename: '[n

使用es6+新語法編寫程式碼，可是不能運行於低版本瀏覽器，需要將語法轉換成es5的。那就藉助babel轉換，再加上webpack打包，實現程式碼的轉換。 轉換包括兩部分：語法和API let、const

關於webpack dll的使用，我這裡不做過多介紹，網上都有，一擼一大把，今天我要說的是在使用dll plugin過程中出現的一個包依賴問題，這個問題導致打出來的包會包含重複的程式碼。 優化背景 最

我們在開發一個專案的時候，如果服務採用的是分散式部署，也就是說按不同模組或功能部署於不同的伺服器，如下圖 客戶端不同的請求會被主伺服器轉發到對應的伺服器上去，如果在開發階段，也有一個這樣

App往往有一個入口檔案，相當於一棵樹的主幹，入口檔案有很多依賴的模組，相當於樹枝。實際情況中，雖然依賴了某個模組，但其實只使用其中的某些功能。通過Tree shaking，將沒有使用的模組搖掉，這樣來達到刪除