Vite 4.3 釋出了！
2023年4月20日
快速連結
效能提升
在這個次要版本中，我們專注於提升開發伺服器的效能。解析邏輯得到了精簡，改進了熱點路徑，併為查詢 package.json、TS 配置檔案以及解析後的 URL 實現了更智慧的快取。
你可以閱讀這篇由 Vite 貢獻者撰寫的部落格文章，詳細瞭解所做的效能工作：我們是如何讓 Vite 4.3 更快的 🚀。
與 Vite 4.2 相比，這次迭代帶來了全面的速度提升。
以下是 sapphi-red/performance-compare 測得的效能改進，該測試涵蓋了包含 1000 個 React 元件的應用的冷啟動和熱啟動時間，以及根元件和葉子元件的 HMR 時間。
| Vite (babel) | Vite 4.2 | Vite 4.3 | 提升 |
|---|---|---|---|
| 開發冷啟動 | 17249.0ms | 5132.4ms | -70.2% |
| 開發熱啟動 | 6027.8ms | 4536.1ms | -24.7% |
| 根元件 HMR | 46.8ms | 26.7ms | -42.9% |
| 葉子元件 HMR | 27.0ms | 12.9ms | -52.2% |
| Vite (swc) | Vite 4.2 | Vite 4.3 | 提升 |
|---|---|---|---|
| 開發冷啟動 | 13552.5ms | 3201.0ms | -76.4% |
| 開發熱啟動 | 4625.5ms | 2834.4ms | -38.7% |
| 根元件 HMR | 30.5ms | 24.0ms | -21.3% |
| 葉子元件 HMR | 16.9ms | 10.0ms | -40.8% |
你可以點選這裡閱讀更多關於該基準測試的資訊。此次效能執行的規格和版本如下：
- CPU: Ryzen 9 5900X, 記憶體: DDR4-3600 32GB, 固態硬碟: WD Blue SN550 NVME SSD
- Windows 10 Pro 21H2 19044.2846
- Node.js 18.16.0
- Vite 和 React 外掛版本
- Vite 4.2 (babel): Vite 4.2.1 + plugin-react 3.1.0
- Vite 4.3 (babel): Vite 4.3.0 + plugin-react 4.0.0-beta.1
- Vite 4.2 (swc): Vite 4.2.1 + plugin-react-swc 3.2.0
- Vite 4.3 (swc): Vite 4.3.0 + plugin-react-swc 3.3.0
早期採用者反饋稱，在測試 Vite 4.3 beta 版時，真實應用的開發啟動時間提升了 1.5 倍到 2 倍。我們非常期待了解它在你的應用中的表現。
效能分析
我們將繼續提升 Vite 的效能。目前正在開發一個官方的 Benchmark 工具，以便我們為每個 Pull Request 獲取效能指標。
此外，vite-plugin-inspect 現在具有更多效能相關的功能，可以幫助你識別哪些外掛或中介軟體是應用中的效能瓶頸。
使用 vite --profile（並在頁面載入後按 p）將儲存開發伺服器啟動時的 CPU 配置檔案。你可以使用 speedscope 等應用開啟它們以識別效能問題。你可以將你的發現與 Vite 團隊分享，透過 Discussion 或加入 Vite Discord。
後續步驟
我們決定今年只發佈一個 Vite 主要版本，以配合 9 月份 Node.js 16 的生命週期結束 (EOL)，並在該版本中停止對 Node.js 14 和 16 的支援。如果你想參與其中，我們已經發起了 Vite 5 討論以收集早期反饋。