close
logologo
指南
配置
插件
API
社区
版本
更新日志
Rsbuild 0.x 文档
English
简体中文
指南
配置
插件
API
社区
更新日志
Rsbuild 0.x 文档
English
简体中文
logologo

开始

介绍
快速上手
功能导航
名词解释

框架

React
Vue
Preact
Svelte
Solid

基础

命令行工具
开发服务器
构建产物
静态资源
HTML
JSON
Wasm
TypeScript
Web Workers
部署静态站点
升级 Rsbuild

配置

配置 Rspack
配置 Rsbuild
配置 SWC

样式

CSS
CSS Modules
CSS-in-JS
Tailwind CSS v4
Tailwind CSS v3
UnoCSS

进阶

路径别名
环境变量
模块热更新
浏览器范围
浏览器兼容性
模块联邦
多环境构建
服务端渲染(SSR)
测试

优化

代码拆分
产物体积优化
提升构建性能
静态资源内联

迁移

从 Rsbuild 0.x 迁移
webpack
Create React App
Vue CLI
Vite
Vite 插件
Modern.js Builder

调试

开启调试模式
构建性能分析
使用 Rsdoctor

常见问题

通用类问题
功能类问题
异常类问题
热更新问题
📝 在 GitHub 上编辑此页
上一页使用 Rsdoctor
下一页功能类问题

#通用类问题

#Rsbuild 和 Rspack 的关系?

Rspack 是 Rsbuild 底层的打包工具。Rsbuild 的目标是为 Rspack 用户提供开箱即用的构建能力,使开发者能够在零配置的情况下启动一个 web 项目。

Rspack 和 Rsbuild 的主要区别在于:

  • Rspack 项目需要从零开始配置;Rsbuild 默认提供了最佳实践的配置,并支持扩展 Rspack 配置。
  • Rspack 项目需要接入社区中的 loaders 和 plugins 来支持各种场景;Rsbuild 提供官方插件,默认支持常见的前端框架和构建能力。
  • Rspack CLI 的能力对标 webpack CLI,功能比较精简;而 Rsbuild 提供更强大的 CLI 和更完善的 dev server。

#Rsbuild 能否用于构建工具库或组件库?

Rsbuild 可以开箱即用地构建 Web 应用。

对于工具库和组件库,我们推荐使用 Rslib,它是基于 Rsbuild 实现的 library 开发工具,能够复用 Rsbuild 的配置和插件。


#Rsbuild 和 Modern.js 的关系?

Modern.js 是基于 Rsbuild 实现的渐进式 Web 开发框架,它基于 Rsbuild 提供构建能力。

Modern.js 和 Rsbuild 的主要区别在于:

  • Modern.js 是基于 React 的;而 Rsbuild 不与前端 UI 框架耦合。
  • Modern.js 是全栈解决方案,提供运行时和服务端能力;Rsbuild 是构建工具,其他能力可以通过插件进行扩展。
  • Modern.js 内置了更多功能;Rsbuild 则更加追求轻量和灵活性。