首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Rspack 1.4 发布:性能再突破,生态更完善

Rspack 1.4 发布:性能再突破,生态更完善

作者头像
萌萌哒草头将军
发布2025-06-28 13:42:54
发布2025-06-28 13:42:54
33900
代码可运行
举报
文章被收录于专栏:前端框架前端框架
运行总次数:0
代码可运行

前言

Rspack 1.4 正式发布!作为前端开发者,这是一个令人振奋的消息。Rspack 以其基于 Rust 的高性能和与 Webpack 的高度兼容性,成为现代 Web 开发中的重要工具。本次更新带来了显著的性能提升、生态系统扩展和新功能支持,让我们一起来探索这些激动人心的变化!

正文

2025年6月26日,Rspack 团队发布了 1.4 版本,进一步提升了这一高性能 JavaScript 打包器的能力。以下是本次更新的核心亮点:

1. WebAssembly 支持:在线开发更便捷

Rspack 1.4 引入了对浏览器环境的 WebAssembly(Wasm)目标支持,特别适用于在线开发平台。

开发者现在可以直接在浏览器中构建和运行 Rspack 项目,极大地方便了在线开发和预览!

浏览器中构建和运行 Rspack
浏览器中构建和运行 Rspack

浏览器中构建和运行 Rspack

使用指南: https://rspack.dev/zh/guide/start/quick-start

2. 性能优化:更快、更小

Rspack 1.4 在性能方面取得了显著突破:

  • SWC 性能提升:与 SWC 团队合作,JavaScript 解析器速度提升了 30%~35%,压缩器速度提升了 10%。相比 Rspack 1.3 使用的 SWC 16,性能提升明显!
性能提升
性能提升

性能提升

  • 更小的构建产物:通过优化的死代码消除(DCE)和 tree shaking 技术,Rspack 生成的构建产物更精简。以 react-router 为例,Rspack(通过 Rsbuild)生成的压缩后大小为 36.35 kB(Gzip 后 13.26 kB),优于 Webpack(36.96 kB,13.37 kB)、Vite(42.67 kB,15.67 kB)等其他工具
更小的构建产物
更小的构建产物

更小的构建产物

3. 增量构建与 HMR 优化

Rspack 1.4 默认启用增量构建,通过 experiments.incremental: 'safe' 配置,仅重新构建发生变化的部分,显著减少构建时间。此外,热模块替换(HMR)性能提升了 30%~40%,让开发过程中的模块更新更加流畅。

HMR 优化
HMR 优化

HMR 优化

4. CSS 代码分割

新引入的 CssChunkingPlugin 插件,支持 CSS 代码分割,优化了 CSS 资源的加载性能,特别适合大型项目。

代码语言:javascript
代码运行次数:0
运行
复制
import { rspack } from '@rspack/core';

export default {
  plugins: [
    new rspack.experiments.CssChunkingPlugin({
      // ...options
    }),
  ],
};
5. 懒编译与自定义文件系统
  • 懒编译:在 MultiCompiler 中支持懒编译,可针对每个编译器单独配置,优化大型项目的构建性能。
  • 自定义文件系统:通过 experiments.useInputFileSystem 支持自定义文件系统,例如 VirtualModulesPlugin,为开发者提供了更大的灵活性。
6. 性能追踪

Rspack 1.4 支持使用 Perfetto进行性能追踪。开发者可以通过设置环境变量 RSPACK_PROFILE=OVERVIEW 启用此功能,并在 Perfetto 平台上可视化性能数据!

性能追踪
性能追踪

性能追踪

7. 依赖升级
  • 升级 Zod 到 v4。
  • 将 Biome v2 作为 create-rspack 的可选依赖,提升代码格式化和分析能力。
8. 生态系统扩展

Rspack 1.4 进一步扩展了其生态系统,与主流框架和工具的集成更加完善:

  • Rsbuild 1.4:支持 Chrome DevTools 集成,新增 .js?raw 查询以导入原始内容,并通过 SWC 支持 monorepo 编译范围,确保浏览器兼容性。
Chrome DevTools
Chrome DevTools

Chrome DevTools

  • Rslib 0.10:优化 ESM,支持 Vue 组件库 rsbuild-plugin-unplugin-vue。
  • Rspress 2.0 beta:引入 Shiki 代码高亮和新主题样式!
  • Rsdoctor MCP:通过 @rsdoctor/mcp-server 提供 AI 辅助的构建分析。
  • Rstest v0.0.3:Jest 兼容的测试框架,适用于 Node.js 和 UI 开发
  • next-rspack:测试覆盖率达 99.4%(生产环境)和 98.4%(开发环境)。
  • Kmi:结合 Umi 和 Rspack 的框架,提供性能提升!
9. 升级注意事项
  • SWC Wasm 插件:如 @swc/plugin-emotion 需要升级到 swc_core@29
  • 懒编译中间件:自动读取 lazyCompilation 配置,无需手动设置。
10. 未来计划

Rspack 1.4 的成功离不开社区的支持。自开源以来,项目已吸引 170 位贡献者,提交了超过 5000 个 Pull Request 和 2000 多个 Issue,npm 周下载量突破 10 万次。未来,Rspack 计划继续优化性能,支持更多现代 Web 标准,并完善与 Webpack 生态的兼容性。

最后

Rspack 1.4 通过性能优化、生态扩展和新功能支持,进一步巩固了其作为高性能 Web 打包器的地位。无论是更快的构建速度、更小的输出产物,还是与 Next.js、Vue 等框架的无缝集成,Rspack 都为开发者提供了更高效的工具链

更多详细更新看这里:https://rspack.dev/zh/blog/announcing-1-4#%E6%96%B0%E5%8A%9F%E8%83%BD

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2025-06-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 萌萌哒草头将军 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 正文
    • 1. WebAssembly 支持:在线开发更便捷
    • 2. 性能优化:更快、更小
    • 3. 增量构建与 HMR 优化
    • 4. CSS 代码分割
    • 5. 懒编译与自定义文件系统
    • 6. 性能追踪
    • 7. 依赖升级
    • 8. 生态系统扩展
    • 9. 升级注意事项
    • 10. 未来计划
  • 最后
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档