实测:打包4321个文件,下一代Vite速度快一倍

大家好,我是农村程序员,独立开发者,行业观察员,前端之虎陈随易。

  • 关注公众号:陈随易,获取最新文章推送 (很多内容只在公众号发布)
  • 个人网站 1️⃣:chensuiyi.me
  • 个人网站 2️⃣:me.yicode.tech
  • 技术群,搞钱群,后端群,闲聊群,自驾群,有兴趣入群的联系我。

我会在这里分享关于 编程技术、独立开发、行业资讯,思考感悟 等内容。

所有文章都是古法手打,经过了深度思考和总结,不含 AI 添加剂,请放心食用,一起灵魂交流。

如果本文能给你提供启发或帮助,欢迎动动小手指,一键三连 (点赞、评论、转发),给我一些支持和鼓励,谢谢。


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 导出的地方也相应地调整写法。

比如这样 👇:

js 复制代码
import { defineConfig as defineViteConfig } from 'rolldown-vite';

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

json 复制代码
{
    "overrides": {
        "vite": "npm:rolldown-vite@latest"
    }
}

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

次数 vite v6.3.5 rolldown-vite v6.3.15
1 26 秒 16 秒
2 24 秒 14 秒
3 25 秒 15 秒
4 28 秒 14 秒
5 24 秒 15 秒
6 28 秒 16 秒
7 24 秒 16 秒
8 26 秒 17 秒
9 28 秒 16 秒
10 33 秒 16 秒

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

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


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

安装地址:sourl.cn/zmnsPf

相关推荐
知守观几秒前
mirrorOf= 把私服请求拦去了公网镜像:本地能跑,CI 上内部包 404 排查
后端·ci/cd·maven
万物智能7 分钟前
鸿蒙UART总线怎么用?—【万物智能之开源鸿蒙OpenHarmony系统实战开发系列教程】
后端
愿得一猪蹄9 分钟前
浏览器开发者工具隐藏技巧,你可能只用了一成
前端
UrbanJazzerati11 分钟前
AutoHotkey v2 零基础快速入门 Part 5 游戏场景明暗阈值采集工具
后端
GoGeekBaird12 分钟前
我做了一个给 Agent 用的电商开源项目:开店、上架、改版,跟 Agent 说一声就行
后端·github·agent
云和数据.ChenGuang19 分钟前
Spring AI 对接 LangGraph:构建企业级智能体工作流实战
java·人工智能·spring boot·后端·spring
高晶20 分钟前
ARM 嵌入式 Linux 内核编译与结构解析实战
前端·架构
woniu_maggie1 小时前
SAP 主数据 MDM 与MDG分析
后端
今年下半年1 小时前
【前端】Vue2 项目 ECharts 统计图表组件封装与使用实践(附组件源码)
前端·javascript·echarts
1 小时前
正则少一个 re.MULTILINE,我的安全闸门全程空转——而我以为修好了
后端·代码规范