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, Memory: 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 讨论 来收集早期反馈。