
核心功能
使用指南
- 1
执行npm init rsbuild@latest命令,根据交互提示选择项目框架类型并完成初始化
- 2
进入生成的项目目录,执行npm install命令安装项目依赖包
- 3
执行npm run dev命令启动本地开发服务,查看默认页面是否正常加载
- 4
根据项目需求修改src目录下的业务代码,保存后观察页面实时更新
- 5
如需自定义构建配置,在rsbuild.config.ts文件中添加对应配置项
- 6
执行npm run build命令执行生产构建,查看dist目录生成的产物文件
- 7
执行npm run preview命令预览生产构建产物,验证打包后功能是否正常
- 8
如需集成插件,通过npm安装对应插件后在配置文件中引入并注册
优势亮点
使用须知
定价: Rsbuild核心功能完全免费,所有开源,个人和商业项目都可以免费使用,没有功能限制。官方提供的企业级技术支持服务为付费项,具体服务内容和价格以官网为准,用户可以根据自身需求选择是否购买付费支持服务。
价格和授权政策可能变化,请以官网最新信息为准
访问第三方网站时,请注意以下事项:
- 谨慎提供个人账号、密码和支付信息
- 下载文件前确认来源安全,警惕诱导性广告
- 涉及版权素材使用时,请核实授权范围
- 如遇网站无法访问或内容异常,可反馈给我们
常见问题
深度了解
Rsbuild 是字节跳动开源的高性能前端构建工具,以 Rspack 为底层核心,兼容 Vite 插件生态,为各类前端项目提供稳定高效的构建解决方案。核心功能包含极速编译启动能力,借助 Rust 写的 Rspack 编译引擎,大型项目冷启动速度对比传统工具可提升数倍,热更新响应速度控制在毫秒级,修改代码后可快速在页面看到效果。内置多场景构建能力,默认支持 ES Module、CommonJS 等模块规范,自动处理 CSS 预处理器、静态资源、TypeScript 编译等需求,无需额外安装大量基础插件。开箱即用的多框架支持,直接适配 React、Vue、Svelte、SolidJS 等主流前端框架,针对不同框架的特性做了编译优化,新建项目无需手动配置框架相关的编译规则。低配置轻量化设计,大部分常规项目仅需少量配置即可完成构建流程,同时保留高度可扩展能力,支持自定义编译规则、插件扩展,满足复杂项目的个性化构建需求。适用场景包括大型前端业务项目开发,尤其适合组件数量多、代码体积大的中后台系统、电商平台等项目,可显著缩短开发过程中的等待时间。前端脚手架与框架生态配套,各类开源框架、企业内部脚手架可直接接入 Rsbuild 作为底层构建工具,快速获得高性能构建能力,降低生态维护成本。