rsbuild.rs
Rsbuild官网截图
点击查看大图

专注前端构建效率提升的研发工具,基于Rspack引擎打造核心能力,兼容Vite全生态,支持极速编译、多框架开箱即用、极简配置等核心功能,覆盖前端项目本地开发、生产打包、性能优化全场景,大型项目冷启动速度相比传统工具最高可提升5-10倍

核心功能

极速启动
基于Rust构建工具链,支持开发服务秒级启动,大幅降低大型项目冷启动等待耗时。
构建提速
内置多线程编译与增量构建能力,生产环境打包速度相比传统工具提升5倍以上。
零配起步
默认集成React、Vue等主流框架适配,无需复杂配置即可快速搭建开发环境。
产物优化
自动进行代码分割、资源压缩与Tree Shaking,有效降低生产包体积与加载耗时。
插件兼容
支持大部分Webpack、Vite生态插件迁移,降低现有项目工具链切换的适配成本。
调试友好
内置高性能Source Map与热更新能力,代码修改后毫秒级同步到浏览器无刷新预览。
多端适配
原生支持Web、Node.js、Electron等多场景构建,一套配置适配不同端的构建需求。
TS支持
内置TypeScript语法解析与类型检查能力,无需额外配置即可直接编译TS/TSX文件。

使用指南

  1. 1

    执行npm init rsbuild@latest命令,根据交互提示选择项目框架类型并完成初始化

  2. 2

    进入生成的项目目录,执行npm install命令安装项目依赖包

  3. 3

    执行npm run dev命令启动本地开发服务,查看默认页面是否正常加载

  4. 4

    根据项目需求修改src目录下的业务代码,保存后观察页面实时更新

  5. 5

    如需自定义构建配置,在rsbuild.config.ts文件中添加对应配置项

  6. 6

    执行npm run build命令执行生产构建,查看dist目录生成的产物文件

  7. 7

    执行npm run preview命令预览生产构建产物,验证打包后功能是否正常

  8. 8

    如需集成插件,通过npm安装对应插件后在配置文件中引入并注册

优势亮点

使用须知

定价: Rsbuild核心功能完全免费,所有开源,个人和商业项目都可以免费使用,没有功能限制。官方提供的企业级技术支持服务为付费项,具体服务内容和价格以官网为准,用户可以根据自身需求选择是否购买付费支持服务。

价格和授权政策可能变化,请以官网最新信息为准

访问第三方网站时,请注意以下事项:

  • 谨慎提供个人账号、密码和支付信息
  • 下载文件前确认来源安全,警惕诱导性广告
  • 涉及版权素材使用时,请核实授权范围
  • 如遇网站无法访问或内容异常,可反馈给我们

常见问题

支持,官方提供了专门的Vue适配插件,安装后就能直接使用,支持Vue2和Vue3两个版本,配置和React项目使用逻辑一致。

不麻烦,官方提供了迁移引导工具,大部分常用的Webpack配置都有对应Rsbuild的对应配置,大部分项目不用大改就能完成迁移。

可以,Rsbuild支持配置目标环境为Node.js,能打包后端Node服务类项目,也能输出对应CommonJS格式的产物供Node环境使用。

可以通过编写自定义插件,官方提供了完整的插件开发API,能介入编译的各个阶段,满足特殊的构建需求。

支持,官方有对应微前端场景的适配方案,支持qiankun等主流微前端框架的构建需求,配置简单易上手。

深度了解

Rsbuild 是字节跳动开源的高性能前端构建工具,以 Rspack 为底层核心,兼容 Vite 插件生态,为各类前端项目提供稳定高效的构建解决方案。核心功能包含极速编译启动能力,借助 Rust 写的 Rspack 编译引擎,大型项目冷启动速度对比传统工具可提升数倍,热更新响应速度控制在毫秒级,修改代码后可快速在页面看到效果。内置多场景构建能力,默认支持 ES Module、CommonJS 等模块规范,自动处理 CSS 预处理器、静态资源、TypeScript 编译等需求,无需额外安装大量基础插件。开箱即用的多框架支持,直接适配 React、Vue、Svelte、SolidJS 等主流前端框架,针对不同框架的特性做了编译优化,新建项目无需手动配置框架相关的编译规则。低配置轻量化设计,大部分常规项目仅需少量配置即可完成构建流程,同时保留高度可扩展能力,支持自定义编译规则、插件扩展,满足复杂项目的个性化构建需求。适用场景包括大型前端业务项目开发,尤其适合组件数量多、代码体积大的中后台系统、电商平台等项目,可显著缩短开发过程中的等待时间。前端脚手架与框架生态配套,各类开源框架、企业内部脚手架可直接接入 Rsbuild 作为底层构建工具,快速获得高性能构建能力,降低生态维护成本。

访问第三方网站时,请注意账号、隐私与支付安全