跳至內容

Vite 4.3 版本發佈!

2023 年 4 月 20 日

Vite 4.3 Announcement Cover Image

快速連結

效能改進

在此次小版本更新中,我們專注於提升開發伺服器的效能。解析邏輯得到了簡化,改善了熱路徑,並為查找 package.json、TS 配置文件和整體解析的 URL 實施了更聰明的快取。

您可以在 Vite 貢獻者撰寫的這篇部落格文章中,閱讀有關效能工作的詳細說明:我們如何讓 Vite 4.3 變得更快 🚀

與 Vite 4.2 相比,這次衝刺在各方面都實現了速度的提升。

以下是根據 sapphi-red/performance-compare 測量的效能改進,該測試程式會測試一個包含 1000 個 React 元件的應用程式的冷啟動和熱啟動開發伺服器時間,以及根元件和葉元件的 HMR 時間。

Vite (babel)Vite 4.2Vite 4.3改進
開發伺服器冷啟動17249.0 毫秒5132.4 毫秒-70.2%
開發伺服器熱啟動6027.8 毫秒4536.1 毫秒-24.7%
根元件 HMR46.8 毫秒26.7 毫秒-42.9%
葉元件 HMR27.0 毫秒12.9 毫秒-52.2%
Vite (swc)Vite 4.2Vite 4.3改進
開發伺服器冷啟動13552.5 毫秒3201.0 毫秒-76.4%
開發伺服器熱啟動4625.5 毫秒2834.4 毫秒-38.7%
根元件 HMR30.5 毫秒24.0 毫秒-21.3%
葉元件 HMR16.9 毫秒10.0 毫秒-40.8%

Vite 4.3 vs 4.2 startup time comparison

Vite 4.3 vs 4.2 HMR time comparison

您可以在這裡閱讀更多關於基準測試的資訊。此效能運行的規格和版本

  • CPU:Ryzen 9 5900X,記憶體:DDR4-3600 32GB,SSD: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 的效能。我們正在開發一個官方的 基準測試工具,讓我們可以取得每個 Pull Request 的效能指標。

而且 vite-plugin-inspect 現在有了更多與效能相關的功能,以幫助您識別哪些外掛或中間件是應用程式的瓶頸。

使用 vite --profile(然後在頁面載入後按下 p)將會儲存開發伺服器啟動的 CPU 設定檔。您可以在諸如 speedscope 的應用程式中開啟它們,以識別效能問題。您可以在 討論區Vite 的 Discord 中與 Vite 團隊分享您的發現。

後續步驟

我們決定今年只做一個 Vite Major 版本,以配合九月份 Node.js 16 的 EOL,並在其中放棄對 Node.js 14 和 16 的支援。如果您想參與其中,我們已經開始了 Vite 5 討論,以收集早期意見回饋。

根據 MIT 許可證發布。(ccee3d7c)