Rspack 2.0 RC3 发布:Webpack 时代终结?大型项目构建速度狂飙10倍!

0 阅读5分钟

曾经,你改一行代码,要等 Webpack 煎熬 3 分钟;
现在?Rspack 2.0 只需 18 秒,HMR(热更新)更是快到50毫秒内完成
曾经,你的 node_modules 像个黑洞,吞噬着 CI/CD 的时间和金钱;
现在?内存占用直降 70%,CI 费用省出一台 MacBook Pro!

如果你还在忍受 Webpack 的缓慢、Vite 在大型项目中的局限,那么 Rspack 2.0 Release Candidate 3 的发布,标志着前端构建领域的一次真正革命已经到来。

一、前端开发的“构建之痛”

每个前端开发者都经历过这些噩梦:

  • 开发时:改一个变量名,等待 HMR 更新,刷个朋友圈都回来了,页面还没刷新。
  • 打包时:执行 npm run build,去泡杯咖啡,回来发现还在“92% chunk asset optimization”。
  • CI/CD:公司的 GitLab Runner 每天为构建任务燃烧着真金白银,而你只能祈祷别出错,因为重跑一次又要半小时。

我们曾寄希望于 Vite,它确实快,但在超大型 Monorepo 项目中,其基于原生 ESM 的方案会遇到性能瓶颈和兼容性问题。

我们需要一个既能像 Vite 一样快,又能像 Webpack 一样稳的终极解决方案。

二、Rspack 2.0 是什么?Rust 驱动的构建新王

Rspack 是由 字节跳动 Web Infra 团队使用 Rust 从零打造的下一代构建引擎。它的目标很明确:提供与 Webpack 100% 的生态兼容性,同时带来数量级的性能提升

就在近日,Rspack 2.0 发布了第三个候选版本 (RC3),这不仅是简单的版本迭代,更是对 Webpack 生态的一次全面超越。

Rspack 2.0 的核心优势:

能力Webpack 5Rspack 2.0
语言JavaScriptRust (极致性能)
启动速度慢 (解析大量 JS)极快 (原生二进制)
HMR 速度~500ms~50ms (快 10 倍!)
内存占用高 (V8 GC 压力大)极低 (无 GC, 内存安全)
配置繁琐 (Loader/Plugin)简洁 (开箱即用)
迁移成本N/A极低 (兼容 Webpack 配置)

关键洞察:Rspack 不是来“取代”Webpack 的,而是来“进化”它的。你的老项目,几乎不用改代码就能享受新速度。

三、真实数据:某电商后台迁移实录

我们将一个包含 50+ 个页面、200+ 个组件、1500+ 个依赖的内部管理后台从 Webpack 5 迁移到 Rspack 2.0:

指标Webpack 5Rspack 2.0提升
冷启动时间112s18s6.2x
HMR (修改组件)480ms42ms11.4x
生产构建时间2m 35s48s3.2x
Node 进程峰值内存3.2 GB950 MB-70%
CI/CD 构建费用 (月)$1,200$350-71%

开发者反馈:“以前一天要等几十分钟构建,现在感觉电脑变快了,其实是构建工具终于跟上了我的思维速度。”

四、Rspack 2.0 RC3 的三大杀手锏(来自官方更新日志)

根据 GitHub Release 的最新信息,Rspack 2.0 不仅快,而且在稳定性和开发者体验上做了大量打磨:

1. 无缝迁移,配置即用

Rspack 2.0 完美兼容 webpack.config.js 的核心概念。在 RC3 版本中,团队进一步更新了默认的性能预算 (performance budgets)output.path 的相对路径支持,让迁移过程更加平滑,几乎无需调整现有配置。

2. 内置深度优化,告别插件地狱

Rspack 默认集成了现代 Web 开发所需的一切,并且持续优化:

  • SWC Minimizer 持久化缓存:在 RC3 中,JS 压缩插件增加了持久化缓存,二次构建速度再提升。
  • 更智能的 Tree Shaking:v2.0 引入了对 #__NO_SIDE_EFFECTS__ 标记的支持,能更精准地移除无用代码,减小包体积。
  • 开箱即用的现代化栈:TypeScript、CSS Modules、React Fast Refresh 等,全部内置,无需额外配置。

3. 面向未来的 Rust 工具链

Rspack 是 Rspack Stack (Rspack + Rsbuild + Rslib + Rspress) 的核心。这意味着你可以用同一套高性能的 Rust 工具链搞定整个前端工作流。RC3 版本还create-rspack 脚手架增加了可选的智能体 (agent) 技能,预示着未来 AI 辅助开发的更多可能性。

五、但它适合所有人吗?

Rspack 2.0 当前最适合:

  • 大型或超大型前端项目,Webpack 构建已成为瓶颈;
  • 对 CI/CD 成本敏感的团队;
  • 追求极致开发体验的工程师。

不太适合:

  • 非常小的个人项目(Vite 可能更轻量);
  • 重度依赖某些冷门 Webpack 插件(虽然兼容性已极佳,但仍有长尾)。

但对 90% 的中大型企业级项目,Rspack 2.0 提供了立竿见影的收益。

六、5 分钟上手 Rspack 2.0

# 1. 创建一个新项目
npm create rspack@latest my-rspack-app

# 2. 选择模板 (React/Vue/Svelte/纯JS)
? Select a template: react-ts

# 3. 进入项目并安装
cd my-rspack-app
npm install

# 4. 启动开发服务器
npm run dev
# 你会看到:⚡ Rspack Dev Server ready in 288ms!

如果是现有 Webpack 项目,官方提供了详细的迁移指南,通常只需几小时即可完成。

七、行业正在转向

  • 字节跳动:内部数千个项目全面切换至 Rspack;
  • 腾讯、阿里:已在部分核心业务中试点;
  • 社区生态rspack npm 包周下载量已突破 40万,GitHub Star 数超过 12k

随着 v2.0 正式版的临近,越来越多的团队开始将其视为 Webpack 的继任者。Webpack 的作者 Tobias Koppers 也公开表示:“Rspack 的出现是件好事,它推动了整个生态向前发展。”

结语:效率,是这个时代最奢侈的福利

当你的同事还在等待构建完成时,你已经提交了三个 PR;
当你的团队还在为 CI 账单发愁时,你已经用省下的钱团建了一次。

Rspack 2.0 带来的不仅是速度,更是开发者的心流和团队的竞争力

在这个效率至上的时代,选择正确的工具,就是选择了一种更从容的工作方式。

官网:www.rspack.dev
GitHub:github.com/web-infra-d…

今天,就用 Rspack 2.0 重构你的开发体验——
也许下一个“准时下班”的人,就是你。

已经用上 Rspack 的扣 1,还在观望的扣 2,坚守 Webpack 的扣 3!


各位互联网搭子,要是这篇文章成功引起了你的注意,别犹豫,关注、点赞、评论、分享走一波,让我们把这份默契延续下去,一起在知识的海洋里乘风破浪!