Vite 4.3 发布公告

2023年4月20日

快速链接：

• 文档：英文，简体中文，日本語，Español，Português
• Vite 4.3 更新日志

性能改进

在这个次版本中，我们重点改善了开发服务器的性能。解析逻辑得到简化，优化了热路径，并实现了更智能的缓存，用于查找 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，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 主版本，与今年 9 月 Node.js 16 的 EOL（生命周期结束） 时间保持一致，并在该版本中放弃对 Node.js 14 和 16 的支持。如果你想参与其中，我们已启动了 Vite 5 讨论 来收集早期反馈。