本系列期待能由淺入深剖析各種 bundler、build tool 如 Webpack、Vite (Rollup/Rolldown)、esbuild、Rspack、Turbopack 等工具的特性與優缺點,並通過實際弄髒手做實驗的方式來理解它們的運作原理與實戰技巧
文章已同步發表於個人部落格,也可以前往觀賞好讀版。 關於主題 嗨,大家好,最後還是想不開來參加 IT 鐵人賽了。 第一篇不免俗讓我廢話一下聊聊選題動機,關於...
文章已同步發表於個人部落格,也可以前往觀賞好讀版。 前言 先做個名詞定義,此系列文中的 bundler 指的都是網頁開發中的模組打包工具 (web modu...
文章已同步發表於個人部落格,也可以前往觀賞好讀版。 前言 昨天簡單複習了一些 bundler 的基礎知識,今天差不多要進入正題中的「網頁前端工具的前世今生...
今天嘗試考古在 CommonJS 出現前的 JavaScript 模組化歷史,從模組模式的由來,再聊到以前為了能達到非同步載入多個模組,並避免載入模組時產生過...
前面有提到早期 JavaScript 開發者要做到發佈與載入模組沒有一個方便的做法,今天將從 2009 年出現的 CommonJS 社群切入,繼續來聊聊 Ja...
文章已同步發表於個人部落格,也可以前往觀賞好讀版。 Client Side 模組化的百家爭鳴 (2011-2012) 前言 昨天在 CommonJS 的介紹...
今天將用 ESM 收尾關於 JavaScript 模組化的歷史,並帶出以前 NPM、Browserify、Webpack 等工具如何成為複雜的現代網頁開發中一...
文章已同步發表於個人部落格,也可以前往觀賞好讀版。 前言 前面模組化歷史不小心鑽太深,在稍微有點長的前情提要後,今天終於要講回正題了。 在 Webpack...
文章已同步發表於個人部落格,也可以前往觀賞好讀版。 前言 昨天簡介了這麼多套 bundler、build tool 後,今天想開始來動手做一些東西,但 Ru...
(Photo by Jr Korpa) 前言 昨天在探討為什麼 Vite 在 dev server 的冷啟動這麼快時,目前我們只知道是因為有用上了瀏覽器的 n...