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，SSD：WD Blue SN550 NVME SSD
- Windows 10 专业版 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 测试版时也报告了在真实应用程序中看到了 1.5 倍到 2 倍的开发启动时间改进。我们很乐意了解您应用程序的结果。
性能分析
我们将继续改进 Vite 的性能。我们正在开发一个官方的 基准测试工具，用于 Vite，以便我们能够获取每个 Pull Request 的性能指标。
并且 vite-plugin-inspect 现在具有更多与性能相关的功能，可帮助您识别哪些插件或中间件是应用程序的瓶颈。
使用 vite --profile（然后在页面加载后按 p）将保存开发服务器启动的 CPU 配置文件。您可以在 speedscope 等应用程序中打开它们以识别性能问题。您可以在 讨论区 或 Vite 的 Discord 中与 Vite 团队分享您的发现。
后续步骤
我们决定今年发布一个 Vite 大版本，与 Node.js 16 结束生命周期（9 月份）保持一致，并在其中放弃对 Node.js 14 和 16 的支持。如果您想参与进来，我们已经启动了一个 Vite 5 讨论 以收集早期反馈。