Rspack 1.4 正式发布!作为前端开发者,这是一个令人振奋的消息。Rspack 以其基于 Rust 的高性能和与 Webpack 的高度兼容性,成为现代 Web 开发中的重要工具。本次更新带来了显著的性能提升、生态系统扩展和新功能支持,让我们一起来探索这些激动人心的变化!
2025年6月26日,Rspack 团队发布了 1.4 版本,进一步提升了这一高性能 JavaScript 打包器的能力。以下是本次更新的核心亮点:
Rspack 1.4 引入了对浏览器环境的 WebAssembly(Wasm)目标支持,特别适用于在线开发平台。
开发者现在可以直接在浏览器中构建和运行 Rspack 项目,极大地方便了在线开发和预览!
浏览器中构建和运行 Rspack
使用指南: https://rspack.dev/zh/guide/start/quick-start
Rspack 1.4 在性能方面取得了显著突破:
性能提升
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)等其他工具更小的构建产物
Rspack 1.4 默认启用增量构建,通过 experiments.incremental: 'safe'
配置,仅重新构建发生变化的部分,显著减少构建时间。此外,热模块替换(HMR)性能提升了 30%~40%,让开发过程中的模块更新更加流畅。
HMR 优化
新引入的 CssChunkingPlugin 插件,支持 CSS 代码分割,优化了 CSS 资源的加载性能,特别适合大型项目。
import { rspack } from '@rspack/core';
export default {
plugins: [
new rspack.experiments.CssChunkingPlugin({
// ...options
}),
],
};
experiments.useInputFileSystem
支持自定义文件系统,例如 VirtualModulesPlugin,为开发者提供了更大的灵活性。Rspack 1.4 支持使用 Perfetto进行性能追踪。开发者可以通过设置环境变量 RSPACK_PROFILE=OVERVIEW
启用此功能,并在 Perfetto 平台上可视化性能数据!
性能追踪
Rspack 1.4 进一步扩展了其生态系统,与主流框架和工具的集成更加完善:
.js?raw
查询以导入原始内容,并通过 SWC 支持 monorepo 编译范围,确保浏览器兼容性。Chrome DevTools
@swc/plugin-emotion
需要升级到 swc_core@29
lazyCompilation
配置,无需手动设置。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
今天的分享就这些了,感谢大家的阅读,如果文章中存在错误的地方欢迎指正!