Rspack 是字节跳动开源的一款基于 Rust 语言的具有高性能的构建引擎,为什么说是高性能,这是因为 Rust 本身具有惊人的速度且内存利用率很高。
与此同时 Rspack 与构建工具 Webpack 有很强的关联性,如果你之前熟悉 Webpack,那么你可以很轻松的上手 Rspack,并且可以摆脱 Webpack 缓慢的构建速度。
你可以放心的去使用 Rspack,一是背靠字节这样的大厂,二是其团队成员均来自于前端领域的佼佼者,Rspack 自开源以来,便备受好评,尤其是在使用 Webpack 开发和维护一些大型项目的开发者,可以从 Webpack 低成本的迁移至 Rspack,获得极致开发体验。
Rsbuild 是基于 Rspack 的一个构建工具,一个高性能集成工具,几乎零配置就可以构建项目,你可以理解为 Rspack 的增强版的脚手架。Rspack 官网推荐我们在构建Web应用时,使用 Rsbuild,因为这是 Rspack 团队对于 web 构建最佳实践的探索和实现。
同时,Rsbuild 是 Webpack 应用迁移到 Rspack 的最佳方案,减少 90% 配置,构建快 10 倍。Rsbuild 的构建性能与原生 Rspack 处于同一水平。由于 Rsbuild 内置了更多开箱即用的功能,因此性能数据会略微低于 Rspack。
Rsbuild 一共具有五大特性,易于配置,性能优先,插件生态,产物稳定,框架无关。Rsbuild 不仅可以作为一个构建工具使用,也为上层的解决方案提供通用的构建能力,比如 Rspress 和 Modern.js,使他们能够专注于开发自己领域特定的能力。
如果你熟悉 Vite,想必会很容易上手 Rsbuild。
我们来快速体验一下吧。
提示:建议使用最新长期支持版本的 Node.js。
在命令终端输入 npm create rsbuild@latest 这行命令。
按照终端提示的命令依次进行,我们以 Vue3 为例。
打开项目文件夹,根据提示在终端命令行输入 npm i ,然后输入 npm run dev,项目就会自动在浏览器中打开。
这样我们就成功启动了一个由 Rsbuild 构建的 Vue3 项目。
参考资料:
- Rsbuild官网:https://rsbuild.dev
- https://juejin.cn/post/7324129182279237670