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, 固态硬盘: 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 的性能。目前正在开发一个官方的 Benchmark 工具，以便我们为每个 Pull Request 获取性能指标。
此外，vite-plugin-inspect 现在具有更多性能相关的功能，可以帮助你识别哪些插件或中间件是应用中的性能瓶颈。
使用 vite --profile（并在页面加载后按 p）将保存开发服务器启动时的 CPU 配置文件。你可以使用 speedscope 等应用打开它们以识别性能问题。你可以将你的发现与 Vite 团队分享，通过 Discussion 或加入 Vite Discord。
后续步骤
我们决定今年只发布一个 Vite 主要版本，以配合 9 月份 Node.js 16 的生命周期结束 (EOL)，并在该版本中停止对 Node.js 14 和 16 的支持。如果你想参与其中，我们已经发起了 Vite 5 讨论以收集早期反馈。