跳至内容

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.0ms5132.4ms-70.2%
开发环境热启动6027.8ms4536.1ms-24.7%
根 HMR46.8ms26.7ms-42.9%
叶 HMR27.0ms12.9ms-52.2%
Vite (swc)Vite 4.2Vite 4.3改进
开发环境冷启动13552.5ms3201.0ms-76.4%
开发环境热启动4625.5ms2834.4ms-38.7%
根 HMR30.5ms24.0ms-21.3%
叶 HMR16.9ms10.0ms-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 的性能。 我们正在开发一个官方的 基准测试工具,用于 Vite,这使我们可以获取每个 Pull Request 的性能指标。

并且 vite-plugin-inspect 现在具有更多与性能相关的功能,可帮助您确定哪些插件或中间件是应用程序的瓶颈。

使用 vite --profile (然后在页面加载后按 p )将保存开发服务器启动的 CPU 配置文件。 您可以在诸如 speedscope 之类的应用程序中打开它们以识别性能问题。 您可以在 讨论Vite 的 Discord 中与 Vite 团队分享您的发现。

下一步

我们决定今年做一个 Vite Major 版本,与 9 月份 Node.js 16 的 EOL 保持一致,并在其中放弃对 Node.js 14 和 16 的支持。 如果您想参与进来,我们启动了一个 Vite 5 讨论 来收集早期反馈。

在 MIT 许可证下发布。 (083ff36d)