Notes
← All notes
·frontend·22 min

Build tooling 取捨:Vite、Webpack、Turbopack、Rspack 四條路線

資深前端面試一定問 build。Webpack 主宰十年,Vite 在 dev 用 ESM 把它打趴;Turbopack 跟 Rspack 用 Rust 寫 production-grade bundler 試圖兩邊都拿。四個工具的 mental model、dev server 策略、HMR 機制、production bundle 取捨串成一條線。內部使用。

#build-tooling#vite#webpack#turbopack#rspack#hmr#esbuild#interview-prep#面試系列#private

問「為什麼 Vite 比 Webpack 快」、「Turbopack 跟 Rspack 差在哪」、「production build 還需要 bundler 嗎」——這三題其實在問同一件事:你懂不懂 dev 跟 production 的 build 需求根本不同。資深前端的標準答案不是「Vite 用 esbuild 所以快」而是「Vite 在 dev 不打包、在 prod 才打包,這是兩種策略不是一個工具的優化」。這篇把四條路線串成一條線。