前言

好消息,就在今天,尤雨溪宣布即将发布 Vite 8 Beta 版本了!

往期精彩推荐

  • 字节也在用的 @tanstack/react-query 到底有多好用!
  • 告别复制粘贴,这个高效的 Vite 插件让我摸鱼时间更充足了!
  • 原来在字节写代码就是这么朴实无华!
  • 更多精彩文章欢迎关注我的公众号:萌萌哒草头将军

正文

PayFit 工程师推特

PayFit 前端工程师在推特上分享了将 rolldown_rs 集成到 vite 的复杂代码库的测试结果,测试结果显示,构建时间从2分钟(120秒)降至8秒,提速15倍,仅需添加一个polyfill插件。

PayFit 的代码库包含Astro(静态站点生成)、Storybook(组件开发)、Vitest(浏览器和单元测试)以及多个Vite前端应用。

尤雨溪转发了该推特,并宣布 Vite 8 将完全采用 Rolldown 作为默认捆绑器,Beta 版即将发布。

尤雨溪推特

这一转变标志着 Vite 从 esbuild 和 Rollup 的混合方案向统一的 Rust 驱动架构迁移。

对于即将发布的 Vite 8 版本,我们需要提前知道下面的一些特性:

全捆绑模式(Full Bundle Mode)

我上篇文章提到,Rolldown 的 Q4 计划已实现从入口到依赖的完整捆绑流程,优化生产构建的模块合并和树摇效率。PayFit案例验证了其在复杂依赖图中的可靠性。

懒加载与跨块优化

Vite 8将集成 Rolldown 的懒加载 barrel 文件优化和跨代码块优化(如共享模块提取),预计减少10-20%的bundle体积,适合移动端和性能敏感场景。

Importmaps集成

通过支持浏览器原生的 importmaps,Vite 8 简化第三方库的导入,减少捆绑复杂性,提升运行时性能。

TypeScript优化

Rolldown 的 tsconfig 自动发现和常量枚举内联优化将减少 TypeScript 项目的运行时开销,PayFit 的 TS-heavy 项目从中受益匪浅

模块联邦支持

Vite 8 将通过 Rolldown 实现模块联邦,动态加载远程模块,类似 Webpack 的 Module Federation,但性能更高,适合微前端架构。

最后

Vite 8 的 Beta 版将进一步稳定 Rolldown 的原生 Vite 插件支持!

今天的分享就这些了,感谢大家的阅读,如果文章中存在错误的地方欢迎指正!

往期精彩推荐

  • 字节也在用的 @tanstack/react-query 到底有多好用!
  • 告别复制粘贴,这个高效的 Vite 插件让我摸鱼时间更充足了!
  • 原来在字节写代码就是这么朴实无华!
  • 更多精彩文章欢迎关注我的公众号:萌萌哒草头将军
本站提供的所有下载资源均来自互联网,仅提供学习交流使用,版权归原作者所有。如需商业使用,请联系原作者获得授权。 如您发现有涉嫌侵权的内容,请联系我们 邮箱:[email protected]