Vite 8 发布,告别双引擎时代

更新日期: 2026-04-06 阅读: 14 标签: Vite

Vite 8 在 2026 年 3 月正式发布了。这次升级和之前不太一样,它把整个底层打包工具都换了。很多人说这是“双引擎时代的终结”,下面我帮你把这背后的变化说清楚。


一、以前的 Vite 为什么叫“双引擎”?

从 Vite 2 到 Vite 5,开发环境和生产环境用的是两套不同的工具:

开发环境用 esbuild

  • 用 Go 语言写的,速度极快

  • 按需编译,项目启动很快

生产打包用 Rollup

  • 插件生态很成熟

  • Tree-shaking 能力强

  • 打包结果可控

所以以前的 Vite,开发的时候跑 esbuild,打包的时候切到 Rollup。这就是“双引擎”这个名字的由来。


二、双引擎有什么问题?

这套方案虽然好用,但慢慢也暴露出一些问题:

  • 插件不通用:开发环境能用的插件,打包时不一定能跑

  • 行为不一致:本地调试正常,一打包就报错,很多人都遇到过

  • 调试麻烦:需要理解两套工具的配置和逻辑

  • 心智负担大:开发者得同时熟悉 esbuild 和 Rollup

这些问题不是 bug,而是两套引擎共存本身就很难完全对齐。


三、Vite 8 带来了什么变化?

Vite 8 的核心变化,就是引入了一个叫 Rolldown 的新打包工具。

Rolldown 有几个特点:

  • 用 Rust 编写,性能和 esbuild 差不多

  • 兼容 Rollup 的插件 API

  • 目标是同时覆盖开发和生产两个场景

也就是说,以后不用再区分“开发用 A、打包用 B”了,一个 Rolldown 全搞定。


四、这对开发者意味着什么?

好处很明显:

第一,开发和生产行为统一了。之前那种“本地跑得通,上线就挂”的情况会少很多。

第二,插件写一次就行,不用再考虑 dev 和 build 的差异。

第三,构建速度提升很大。官方数据显示,Rolldown 比 Rollup 快 10 到 30 倍。一些公司实测的结果也很夸张:Linear 从 46 秒降到 6 秒,Beehiiv 减少了 64% 的构建时间。

需要注意的地方:

部分老插件可能不兼容新引擎,早期版本也可能有些 bug。建议关注插件生态的迁移进度,等稳定了再升级也不迟。


五、esbuild 和 Rollup 会消失吗?

不会马上消失。

esbuild 还会用在依赖预构建等场景,但不再是核心引擎。Rollup 会逐渐被 Rolldown 替代,生态也会慢慢迁移过来。这是一个渐进的过程,不用太着急。


六、升级建议

官方提供了两种升级方式:

  1. 直接升级:适合个人项目或小项目,改一下 package.json 里的版本号就行。

  2. 渐进迁移:先在 Vite 7 上换成 rolldown-vite 包,测试没问题再升到 Vite 8。大项目建议用这种方式,风险更低。

另外要注意,Vite 8 要求 Node.js 20.19+ 或 22.12+。


总结

Vite 8 本质上在做一件事:从一个拼装工具,进化成一个统一的编译平台。

“双引擎时代结束”,说白了就是从 esbuild + Rollup 变成 Rolldown(统一一切)。

如果你现在正在用 Vite,可以找个项目试试升级。构建更快、插件更少坑、行为更一致,这些改进值得你花点时间去体验一下。

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/13592

相关推荐

VueConf 2025 技术盘点:Vue与Vite迈向大一统时代

7月的深圳,VueConf 2025大会刚刚结束。Vue作者尤雨溪带来了关于Vue和Vite的最新动态。这些更新将深刻影响前端开发方式,下面就是本次大会的核心内容。

使用Vite快速构建前端React项目

Vite是一种面向现代浏览器的一个更轻、更快的前端构建工具,能够显著提升前端开发体验。除了Vite外,前端著名的构建工具还有Webpack和Gulp。目前,Vite已经发布了Vite3

在vite2和Vue3中配置Mockjs

在 Vite2 与 Vue3 中使用Mockjs时有一些官方文档没有提到的注意点,特意做此记录。MockJS 依赖的安装,在 package.json 中设置环境变量,在 vite.config.js 中添加 mockjs 插件

Vite多页面应用配置&使用vite-plugin-html向html模板注入数据或标签

在开发过程中,简单地导航或链接到 /nested/ - 将会按预期工作,与正常的静态文件服务器表现一致。也就是说,如果你的文件夹有如下层级:

vue3 vite 系统标题 系统名称统一配置

想要统一配置系统名称 或者其他的,需要在vue3中使用 vite 的环境变量;vite 的环境变量 需要创建两个文件(和 vite.config.js 文件同一目录)

Vite开发环境搭建

Vite现在可谓是炙手可热,可能很多小伙伴还没有使用过Vite,但是我相信大多数小伙伴已经在使用Vite了,因为是太香了有没有。可能在使用过程中很多东西Vite不是配置好的,并不像Vue-cli配置的很周全,那么今天就说一下如何配置开发环境

Vite开发快速入门

Vite (法语意为快速的,发音 /vit/) 是一种面向现代浏览器的一个更轻、更快的前端构建工具,能够显著提升前端的开发体验。除了Vite外,前端著名的构建工具还有Webpack和Gulp。目前,Vite已经发布了Vite2,Vite全新的插件架构、丝滑的开发体验

你还不会写 vite 插件吗?没关系,我教你啊!

vite 其实就是一个由原生 ES Module 驱动的新型 Web 开发前端构建工具。vite 插件 就可以很好的扩展 vite 自身不能做到的事情,比如 文件图片的压缩、 对 commonjs 的支持、 打包进度条 等等。

vue3.x+ts+vite2环境变量配置

默认 dev 环境下使用 .env.development 环境变量配置, build 环境下使用 .env.production ,所以不需要在 package.json 中再指定模式了

Vite使Vue CLI过时了吗?

Vue 生态系统中有一个名为 Vite 的新构建工具,它的开发服务器比 Vue CLI 快 10-100 倍。这是否意味着 Vue CLI 已经过时了?在本文中,我将比较这两种构建工具

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!