Vite 5 已經發布,這是 Vite 發展道路上又一個重要的里程碑,新版本採用 Rollup 4,大大的提升了構建性能;還帶來了一些新的選項,可用於提高開發服務器的性能。官方指出:Vite 5 的重點是清理已棄用的API,並精簡了幾個功能以解決長期存在的問題。例如將 define 轉換為使用正確的 AST 替換,而不是使用 regexes。團隊表示,他們將繼續推進實現面相未來的 Vite。
Node.js 支持
Vite 不再支持已經 EOL 的 Node.js 14、16、17、19。現在需要 Node.js 18、20+
。
性能
除了 Rollup 4 的構建性能改進之外,這個新指南可以幫助用戶識別與修復常見性能問題。
Vite 5 還引入了 server.warmup,這是一個改善啟動時間的新功能。他允許妳定義應該在服務器啟動後立即進行預轉換的模塊列表。當使用 --open
或 server.open
時,Vite 還會自動預熱應用程序的 entry point 或所提供的 URL,以便打開。
主要變化
- Vite 現已由 Rollup 4 提供支持
- 棄用 CJS Node API
- 重新設計
define
和import.meta.env.*
的替換策略 - SSR 外部模組值現在符合 production 環境行為
worker.plugins
現在是一個函數- 允許包含
.
的路徑回退到 index.html - 協調開發和預覽 HTML serving 行為
- 現在預設在
.vite
目錄中產生 Manifest 文件 - CLI 快捷鍵需要額外按下
Enter
鍵 - 更新
experimentalDecorators
和useDefineForClassFields
TypeScript 行為 - 移除
--https
flag 和https: true
- 移除
resolvePackageEntry
和resolvePackageData
API - 移除之前已棄用的 API
- 了解更多有關影響插件和工具作者的高級更改信息
更多詳情可查看 Vite 5 Changelog。