首页/技术教程/实测:打包4321个文件,下一代Vite速度快一倍

Vue 生态的发展,在整个前端历史中,都是浓墨重彩的一笔。

大量的公司,团队,个人,项目,都受益于 Vue 生态而快、狠、准地实现各自的需求。

我也是在 Vue 的加持下,实现了真正的摩托变汽车,感谢 Vue,感谢尤雨溪,给了农村程序员一口饭吃。

去2024年10月份,尤雨溪宣布 VoidZero 公司正式成立,致力于进一步统一,完善,推进前端生态和工具链的发展。

而最令人期待的就是 rolldown 的发展,也是 VoidZero 公司成立后的主要发力点,作用就是平替 rollup,并作为下一代 Vite 的基座。

说实话,Vue 团队的命名真是一绝,VoidZero 等于 void(0) 等于 undefined,有趣。

而 rolldown 则恰好跟 rollup 的命名相反,一个 down 一个 up,绝绝子。

而在2025年5月30日,也就是端午节来临之际,VoidZero 公司宣布,由 rolldown 驱动的 vite,rolldown-vite 正式内测了。

使用方法很简单,直接安装 rolldown-vite,删除 vite,所有涉及到从 vite 导出的地方也相应地调整写法。

比如这样 👇:

import { defineConfig as defineViteConfig } from "rolldown-vite";

不改写法也行,只需要增加如下配置 👇:

{
    "overrides": {
        "vite": "npm:rolldown-vite@latest"
    }
}

那么我用自己的前端项目进行了实测,分别是 替换Vite前 和 替换Vite后,总计编译打包 4231 个文件,操作 10 次,对比数据如下 👇:

次数vite v6.3.5rolldown-vite v6.3.15
126 秒16 秒
224 秒14 秒
325 秒15 秒
428 秒14 秒
524 秒15 秒
628 秒16 秒
724 秒16 秒
826 秒17 秒
928 秒16 秒
1033 秒16 秒

vite 和 rolldown-vite 都是现在的最新版本,可以看到,替换后,打包性能大概提升了 2倍。

至于问题嘛,暂时没发现有什么问题,喜欢尝鲜的小伙伴,可以上手试试,看看能给自己的项目提速多少。


最后给大家分享一下我的产品,VSCode 编程神器 fnMap (函数地图),欢迎大家体验。

安装地址:https://sourl.cn/zmnsPf