🚀🚀⚡️ Rspack 1.4 发布：性能再突破，生态更完善 ⚡️ 🚀🚀

萌萌哒草头将军
0 阅读4分钟

前言

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

往期精彩推荐

正文

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

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

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

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

浏览器中构建和运行 Rspack

使用指南: rspack.dev/zh/guide/st…

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 优化

4. CSS 代码分割

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

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

  • 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 都为开发者提供了更高效的工具链

更多详细更新看这里：rspack.dev/zh/blog/ann…

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

往期精彩推荐

avatar
文章
阅读
粉丝