Esbuild 是一個現代化的 JavaScript 打包工具（bundler），其背景及目的是為了解決現代 Web 開發中遇到的性能、打包時間以及可維護性問題。它誕生於 Web 開發者對於更快、更高效的打包工具需求之下，主要解決了以下幾個問題：
打包速度：傳統打包工具（如 Webpack、Parcel）在大型專案中常常因為複雜的模組解析和轉換而導致打包速度緩慢，這影響了開發者的開發體驗。Esbuild 使用 Go 語言編寫，充分利用其性能特性，並通過多線程並行化來大幅減少打包時間，相比起其他工具快上數十甚至數百倍。
現代語法支持：Esbuild 支持最新的 JavaScript 和 TypeScript 語法，並且內建支持 JSX，讓開發者不需要額外安裝插件或設定即可使用這些語法。它也提供樹搖（tree-shaking）功能，能有效移除未使用的代碼，減少最終打包文件的大小。
簡單的配置：相較於其他打包工具需要相對繁瑣且複雜的配置，Esbuild 致力於提供簡單的配置，開箱即用的特性讓開發者可以快速上手。
Vite：由 Vue 作者尤雨溪開發的前端開發工具。Vite 使用 Esbuild 來處理 TypeScript 和 JSX 語法轉譯，並且提供極快的開發和熱重載體驗。Vite 支援 Vue、React、Svelte 等框架，並被廣泛用於快速搭建項目。
SvelteKit：Svelte 框架的官方工具，用於搭建 Svelte 應用。SvelteKit 使用 Vite 作為基礎開發工具，因此間接利用了 Esbuild 的性能優勢。
Astro：Astro 是一個新型的靜態網站生成器，特點是只在需要時傳送 JavaScript（"Partial Hydration"），其打包過程中使用了 Esbuild 來進行轉譯和優化，以獲得快速的編譯速度。
Parcel 2：作為 Parcel 的新版本，Parcel 2 集成了多種不同的打包器，其中之一就是 Esbuild。它使用 Esbuild 來完成 TypeScript 和 JSX 轉譯，並提供更快速的構建時間。
Snowpack：Snowpack 是一個新一代的前端構建工具，專注於利用 ESM（ECMAScript Modules）來加速開發過程。Esbuild 被 Snowpack 用來實現更快的編譯和轉譯，特別在處理 TypeScript 和 JSX 方面。
Nx：Nx 是一個構建大型單體式前端應用的工具集，它使用 Esbuild 來加速模組的打包過程，並與其他工具整合來提升效能。
iThome鐵人賽
看影片追技術