Features#

Here are all the main features supported by Rsbuild.

JavaScript#

Features	Description	Links
Rspack bundler	Use Rspack as the bundler by default	-
SWC compilation	Transform and minify JavaScript and TypeScript code with SWC by default	-
TS compilation	TS files are compiled by SWC by default	TypeScript compilation
JS minification	JS minification is enabled by default in production build	output.disableMinimize
Polyfill injection	core-js and other polyfills are injected by default	Browser Compatibility output.polyfill
SourceMap generation	SourceMap is generated in the development environment by default	output.sourceMap
Alias	Optional feature, set import alias	source.alias
Babel compilation	Optional feature, use Babel to transform JavaScript and TypeScript code	Babel Plugin
Node outputs	Optional feature, support building bundles that run in Node.js environment	Node Target
Web Worker outputs	Optional feature, support building bundles that run in a Web Worker environment	Web Worker Target
Browserslist	Optional feature, using browserslist (opens new window) to specify which browsers should be supported in your Web application.	Browserslist
Compatibility check	Optional feature, analyze if there are incompatible advanced syntax in the outputs within the current browser scope	Check Syntax Plugin
Environment variable	Optional feature, inject environment variables or expressions into the code	Environment Variables
Node Polyfill	Optional feature, inject polyfills for Node core modules on the browser side	Node Polyfill Plugin
Type check	Optional feature, run type checker to check for type issues in code	Type checking

CSS#

Features	Description	Links
PostCSS compilation	PostCSS compilation is enabled by default, built-in autoprefixer and other plugins	CSS Usage tools.postcss tools.autoprefixer
Sass preprocessing	Support compile Sass files by default	CSS Usage tools.sass
Less preprocessing	Support compile Less files by default	CSS Usage tools.less
Stylus preprocessing	Optional feature, compile Stylus files	Stylus Plugin
CSS Modules compilation	Support compiling *.module.* files by default	Use CSS Modules tools.cssLoader
CSS Modules type	Optional feature, automatically generate type definition for CSS Modules	Use CSS Modules
CSS minification	CSS minification is enabled by default in production build	CSS Usage
Styled Components	Optional feature, Support styled components compilation	Styled Components Plugin
Inline CSS into JS	Optional feature, inline CSS files to JavaScript files	CSS Usage output.injectStyles
rem unit conversion	Optional feature, convert px units in CSS to rem units	Rem Plugin

HTML#

Features	Description	Links
Set title	Set HTML title tag	Set Page Title html.title
Set meta	Set HTML meta tag	Set Meta Tags html.meta
Set favicon	Set favicon for page	Set Page Icon html.favicon
Set app icon	Set apple icon for iOS	Set Page Icon html.appIcon
Use EJS template engine	Optional feature, use EJS template engine	HTML Template - EJS
Use Pug template engine	Optional feature, use pug template engine	Pug Plugin
Inline JS files	Optional feature, inline JS files into HTML	Inline Static Assets output.inlineScripts
Inline CSS files	Optional feature, inline CSS files into HTML	Inline Static Assets output.inlineStyles

Development and Preview#

Features	Description	Links
Automatically open page	Optional feature, automatically open page URL in browser when starting Dev Server	dev.startUrl
HTTPS Server	Optional feature, enable HTTPS Server	server.https

Frontend Framework#

Features	Description	Links
React	Optional feature, enable React syntax	React Plugin
React Refresh	After enable React plugin, Support React Refresh by default	Hot Module Replacement dev.hmr
SVG to React component	Support to import SVG as component by default	SVGR Plugin
Vue 3 SFC compilation	Optional feature, enable compilation of Vue 3 SFC (Single File Components)	Vue Plugin
Vue 3 JSX compilation	Optional feature, enable compilation of Vue 3 JSX syntax	Vue JSX Plugin
Vue 2 SFC compilation	Optional feature, enable compilation of Vue 2 SFC (Single File Components)	Vue 2 Plugin
Vue 2 JSX compilation	Optional feature, enable compilation of Vue 2 JSX syntax	Vue 2 JSX Plugin
Svelte compilation	Optional feature, enable compilation of Svelte component	Svelte Plugin

Static Assets#

Features	Description	Links
Import image assets	Support for import image assets in code	Import Static Assets
Import font assets	Support for import font assets in code	Import Static Assets
Import video assets	Support for import video assets in code	Import Static Assets
Import wasm assets	Support for import WebAssembly assets in code	Import Wasm Assets
Import node addons	Support for import Node.js addons in code	-
Inline static assets	Small assets are inlined into JS by default	Inline Static Assets output.dataUriLimit
Clean up static assets	Automatically clean up static assets in the dist directory before each build	output.cleanDistPath
Copy static assets	Optional feature, copy static assets to the dist directory	output.copy

Performance#

Features	Description	Links
Chunk Splitting	A variety of chunk splitting strategies are built into Rsbuild to automatically split the bundle into files of moderate size	Chunk Splitting Practice performance.chunkSplit
Print File Size	After the production build, All bundle sizes is displayed by default	performance.printFileSize
Analyze bundle size	Optional feature, analyze bundle size through Bundle Analyzer	performance.bundleAnalyze
Remove console	Optional feature, remove console.xx in code	performance.removeConsole
Optimize moment.js size	Optional feature, remove the redundant locale files of moment.js	performance.removeMomentLocale
Component on-demand import	Optional feature, selectively import code and styles from component libraries	source.transformImport
Image compression	Optional feature, compress used image resources	Image Compress Plugin
Preload	Optional feature, preemptively fetch and cache the target resource for current navigation	performance.preload
Prefetch	Optional feature, preemptively fetch and cache the target resource for a followup navigation	performance.prefetch
Preconnect	Optional feature, preemptively connect to the target resource's origin	performance.preconnect
DNS prefetch	Optional feature, preemptively perform DNS resolution for the target resource's origin	performance.dnsPrefetch