close
logologo
Guide
Config
Plugin
API
Community
Version
Changelog
Rsbuild 0.x Doc
English
简体中文
Guide
Config
Plugin
API
Community
Changelog
Rsbuild 0.x Doc
English
简体中文
logologo

Getting Started

Introduction
Quick start
Features
Glossary

Framework

React
Vue
Preact
Svelte
Solid

Basic

CLI
Dev server
Output files
Static assets
HTML
JSON
Wasm
TypeScript
Web Workers
Deploy static site
Upgrade Rsbuild

Configuration

Configure Rspack
Configure Rsbuild
Configure SWC

Styling

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

Advanced

Path aliases
Environment variables
Hot module replacement
Browserslist
Browser compatibility
Module Federation
Multi-environment builds
Server-side rendering (SSR)
Testing

Optimization

Code splitting
Bundle size optimization
Improve build performance
Inline static assets

Migration

Migrating from Rsbuild 0.x
webpack
Create React App
Vue CLI
Vite
Vite plugin
Modern.js Builder

Debug

Debug mode
Build profiling
Use Rsdoctor

FAQ

General FAQ
Features FAQ
Exceptions FAQ
HMR FAQ
📝 Edit this page on GitHub
Previous PageFeatures
Next PageReact

#Glossary

#Bundler

Refers to module bundlers such as Rspack and webpack.

The main goal of bundlers is to bundle JavaScript, CSS, and other files together, and the bundled files can be used in the browser, Node.js, or other environments. When bundlers process web applications, they build a dependency graph and then combine each module into one or more bundles.

#CSR

CSR stands for "Client-Side Rendering". It means that the page is rendered in the browser using JavaScript, and logic such as data fetching, templates, and routing is completed on the client-side rather than the server.

In CSR, the server sends an empty HTML shell and some JavaScript scripts to the browser, and then the browser fetches data from the server's API and renders dynamic content to the page.

#Environment

The runtime environment for build output, see Multi-environment builds.

#Micro-frontend

Micro-frontend (MFE) is an architecture style similar to microservices. It is a composition of multiple independently delivered frontend applications, forming a cohesive whole. MFE decomposes frontend applications into smaller, simpler applications that can be developed, tested, and deployed independently while still appearing as a cohesive single product to users.

It primarily solves two problems:

  • Maintaining large, complex applications becomes difficult over time.
  • Cross-team collaboration inefficiencies.

#Modern.js

Modern.js is an open source web engineering system from ByteDance that provides multiple solutions to help developers solve problems in different development scenarios.

#Module Federation

Module Federation is an architectural pattern for JavaScript application decomposition (similar to microservices on the server-side), allowing you to share code and resources between multiple JavaScript applications (or micro-frontends).

See Module Federation for more details.

#Rspack

Rspack is a high-performance JavaScript bundler written in Rust. It offers strong compatibility with the webpack ecosystem, allowing seamless replacement of webpack, and provides lightning-fast build speeds.

#Rspress

Rspress is a fast static site generator based on Rsbuild.

#SSR

SSR stands for "Server-Side Rendering". It means that the HTML of the web page is generated by the server and sent to the client, rather than sending only an empty HTML shell and relying on JavaScript to generate the page content.

See Server-side rendering (SSR) for more details.

#SWC

SWC (Speedy Web Compiler) is a transformer and minifier for JavaScript and TypeScript written in Rust.

See Configure SWC for more details.

#More

See additional glossary terms in Rspack - Glossary.