vitejs/vite 是現代前端專案非常常見的建置工具。它的描述很短：Next generation frontend tooling. It’s fast! 這句話基本上概括了 Vite 的核心賣點：開發啟動快、熱更新快、配置相對輕。
如果你這幾年新建過 Vue、React、Svelte、Solid 或普通 TypeScript 前端項目，很可能已經用過 Vite。
為什麼 Vite 快
Vite 的快主要來自兩個階段的取捨：
- 開發階段：利用瀏覽器原生 ESM，避免一開始把整個專案打包；
- 生產階段：使用 Rollup 做最佳化建置；
- 依賴預先建置：用更快的工具處理依賴；
- HMR：模組級熱更新，改哪裡刷新哪裡。
傳統 bundler 往往在專案變大後啟動慢、熱更新慢。 Vite 把開發體驗往「按需載入」方向推了一步。
適合哪些項目
Vite 適合：
- Vue / React / Svelte / Solid 專案；
- TypeScript 前端應用；
- 元件庫開發；
- 靜態網站和工具頁面；
- 中小型 Web App；
- 需要快啟動和快 HMR 的團隊。
大型專案也可以用，但要注意 monorepo、SSR、插件相容、建置快取和 legacy 瀏覽器支援。
使用時要注意什麼
Vite 預設體驗很好，但不是完全不用配置：
- 環境變數前綴和注入規則要理解；
- dev server 代理要配置清楚；
- alias、路徑、tsconfig 要對齊；
- SSR 和庫模式要單獨看文件；
- 外掛程式版本和框架版本要匹配；
- 生產建造仍然要看包體積和分包。
不要把「開發快」誤解成「生產建造不用管」。上線前仍然要看效能、快取和相容性。
小結
Vite 已成為現代前端預設選項之一。它不是因為概念複雜而流行，而是因為日常開發體驗確實輕快。
如果你還在用很老的鷹架，新專案可以優先試 Vite；舊專案遷移則要先評估外掛程式、建置流程和團隊習慣。