Vite 团队近期宣布了一项核心架构重构，旨在彻底优化前端构建流程的性能表现。
从“双核”到“超级引擎”
在旧版本中，Vite 采用双核架构：
- 开发时，依赖 esbuild 进行快速编译。
- 打包时，切换至 Rollup 进行精细处理。
这一设计初期看似合理，但随着项目规模增长，其弊端逐渐显露：两套系统需要不同的插件生态，如同混合使用不同厂商的生产设备，协调它们需要编写大量“胶水代码”，既繁琐又易出错。因此，一次彻底的升级迫在眉睫。
新核心：Rolldown 引擎
Vite 8 的核心变化是引入了 Rolldown，一个全新的高性能打包引擎，具备以下关键特性：
- 极致速度：基于 Rust 编写，提供原生级别的性能，与 esbuild 相当，但比 Rollup 快 10-30 倍。
- 高度兼容：几乎完美兼容现有 Rollup 和 Vite 插件生态系统，大幅降低迁移成本。
- 功能增强：支持更灵活的代码分割、模块缓存，并计划未来集成 Module Federation 等高级特性。
更重要的是，Rolldown 底层采用了 Oxc 编译器，使得 Vite、Rolldown 和 Oxc 形成了一条由同一团队打磨的高性能工具链。这种深度整合带来了更优化的协作和更广阔的未来扩展空间。
真实性能数据：显著优化效果
早期采用者已经分享了具体的性能提升数据：
- Linear：生产构建时间从 46 秒缩短至 6 秒，提升近 8 倍。
- Ramp：构建时间减少 57%。
- Beehiiv：构建时间减少 64%。
这些成果表明，构建过程从耗时操作转变为近乎瞬时的响应，极大提升了开发效率。
升级路径：两种稳妥方案
Vite 团队为升级提供了清晰的指南：
- 直接升级：对于大多数项目，只需将
package.json 中的 Vite 版本更新到 8，然后正常运行即可。
- 渐进迁移：对于大型复杂项目，可先使用独立的
rolldown-vite 包进行测试，确认无误后再全面升级到 Vite 8。
注意：如果项目深度定制了 Rollup 或 esbuild 配置，可能需要参考官方迁移指南进行微调。其他情况下，基本可以实现无缝升级。
额外优化：开箱即用功能
- tsconfig paths 支持：在配置中直接启用即可使用，简化路径别名配置。
- 增强的装饰器支持：对使用 TypeScript 装饰器的开发者来说，这是一项重要改进。
未来展望：持续性能突破
更令人期待的功能仍在开发中：
- 全包模式：针对大型项目，目标是让开发服务器启动快 3 倍，页面重载快 40%，网络请求减少 90%。
- 插件性能优化：计划让 JavaScript 插件也能充分利用 Rust 底层的性能优势，进一步提升整体速度。
总结
Vite 8 不仅是一次版本迭代，更是一次架构层面的重构。通过集成 Rolldown 和 Rust 技术栈，它重新定义了前端工具的速度基准。当构建时间从几十秒压缩到几秒，开发体验将变得更加流畅高效，为前端工程化带来实质性的提升。 | 
发表于 昨天 01:12
|
查看: 5|
回复: 0
