Features#

Here are all the main features supported by Rsbuild.

JavaScript#

Features	Description	Links
Rspack	Use Rspack as the bundler by default	Configure Rspack
SWC compilation	Transform and minify JavaScript and TypeScript code with SWC by default	Configure SWC
TS compilation	TS files are compiled by SWC by default	TypeScript compilation
Code minification	Code minification is enabled by default in production mode	output.minify
Polyfill injection	Optional feature, inject core-js and other polyfills	Browser compatibility output.polyfill
SourceMap generation	Source maps are generated in development mode by default	output.sourceMap
Alias	Optional feature, set import alias	resolve.alias
Babel compilation	Optional feature, use Babel to transform JavaScript and TypeScript code	Babel plugin
Node outputs	Optional feature, building bundles that run in Node.js environment	Node target
Web Workers	Optional feature, use Web Workers	Use Web Workers
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	@rsbuild/plugin-check-syntax
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
Module Federation	Optional feature, dynamically load modules and share dependencies	Module Federation

CSS#

Features	Description	Links
Lightning CSS	Use Lightning CSS to downgrade CSS syntax by default	CSS usage
PostCSS transformation	Optional feature, use PostCSS to transform CSS files	CSS usage tools.postcss
Tailwind CSS	Optional feature, use Tailwind CSS	Use Tailwind CSS
UnoCSS	Optional feature, use UnoCSS	Use UnoCSS
Sass preprocessing	Optional feature, compile Sass/Scss files	CSS usage Sass plugin
Less preprocessing	Optional feature, compile Less files	CSS usage Less plugin
Stylus preprocessing	Optional feature, compile Stylus files	CSS usage Stylus plugin
CSS Modules compilation	Support compiling *.module.* files by default	Use CSS Modules tools.cssLoader
CSS Modules type	Optional feature, generate type definition for CSS Modules	Typed CSS Modules plugin
CSS minification	CSS minification is enabled by default in production build	CSS usage
Inline CSS into JS	Optional feature, inline CSS files to JavaScript files	CSS usage output.injectStyles

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	Set page icon html.favicon
Set app icon	Set web application icons	Set page icon html.appIcon
EJS template engine	Optional feature, use EJS template engine	HTML template - EJS
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

Server#

Features	Description	Links
Public dir	Use the public directory as the directory for serving public assets by default	server.publicDir
SSR	Optional feature, implement server-side rendering	SSR
Proxy	Optional feature, proxy requests to the specified service	server.proxy
Open page	Optional feature, automatically open page in browser when starting server	server.open
HTTPS	Optional feature, enable HTTPS server	server.https
Custom middleware	Optional feature, use custom middlewares	Middlewares

UI framework#

Features	Description	Links
React	Optional feature, enable compilation of React JSX	React plugin
React Refresh	Optional feature, enable React Refresh	Hot module replacement dev.hmr
SVGR	Optional feature, transform SVG to React component	SVGR plugin
Vue 3 SFC	Optional feature, enable compilation of Vue 3 SFC (Single File Components)	Vue plugin
Vue 3 JSX	Optional feature, enable compilation of Vue 3 JSX syntax	Vue JSX plugin
Vue 2 SFC	Optional feature, enable compilation of Vue 2 SFC (Single File Components)	Vue 2 plugin
Vue 2 JSX	Optional feature, enable compilation of Vue 2 JSX syntax	Vue 2 JSX plugin
Svelte	Optional feature, enable compilation of Svelte component	Svelte plugin
Solid	Optional feature, enable compilation of Solid JSX	Solid 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	Node addons
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
Generate manifest file	Optional feature, generate manifest.json file	output.manifest

Performance and debugging#

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	Code splitting performance.chunkSplit
Print file size	After the production build, All bundle sizes is displayed by default	performance.printFileSize
Analyze build process	Optional feature, use Rsdoctor to analyze build process	使用 Rsdoctor
Analyze bundle size	Optional feature, analyze bundle size through Bundle Analyzer	performance.bundleAnalyze
Remove console	Optional feature, remove console.[methodName] in code	performance.removeConsole
Optimize moment.js size	Optional feature, remove the redundant locale files of moment.js	performance.removeMomentLocale
Dedupe packages	Optional feature, remove duplicate npm packages	resolve.dedupe
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