# Rsbuild > Rsbuild is a high-performance build tool powered by Rspack. ## Guide - [Introduction](https://rsbuild.rs/guide/start/index.md): Introduction to Rsbuild, including its core capabilities, performance model, ecosystem fit, and next steps. - [Quick start](https://rsbuild.rs/guide/start/quick-start.md): Get started with Rsbuild by creating a project, starting the dev server, and building for production. - [Features](https://rsbuild.rs/guide/start/features.md): Overview of the main features supported by Rsbuild. - [AI](https://rsbuild.rs/guide/start/ai.md): AI guide for Rsbuild covering Agent Skills, llms.txt, Markdown docs, and AGENTS.md context for coding assistants. - [React](https://rsbuild.rs/guide/framework/react.md): This document explains how to use Rsbuild to build a React application. - [Vue](https://rsbuild.rs/guide/framework/vue.md): This document explains how to build Vue applications with Rsbuild, including Vue 2 support. - [Preact](https://rsbuild.rs/guide/framework/preact.md): Learn how to build a Preact application using Rsbuild. - [Svelte](https://rsbuild.rs/guide/framework/svelte.md): Learn how to build a Svelte application using Rsbuild. - [Solid](https://rsbuild.rs/guide/framework/solid.md): Learn how to build a Solid application using Rsbuild. - [CLI](https://rsbuild.rs/guide/basic/cli.md): Rsbuild includes a lightweight CLI with commands like rsbuild dev and rsbuild build. - [Dev server](https://rsbuild.rs/guide/basic/server.md): Rsbuild includes a built-in dev server that enhances the development experience. - [Output files](https://rsbuild.rs/guide/basic/output-files.md): This section covers the output file directory structure and how to control output directories for different file types. - [Static assets](https://rsbuild.rs/guide/basic/static-assets.md): Rsbuild supports importing static assets, including images, fonts, media, and other file types. - [HTML](https://rsbuild.rs/guide/basic/html-template.md): During the build process, Rsbuild compiles HTML templates and template parameters to generate HTML files. - [JSON](https://rsbuild.rs/guide/basic/json-files.md): Rsbuild supports importing JSON files in code, and also supports importing YAML and TOML files, converting them to JSON format. - [Wasm](https://rsbuild.rs/guide/basic/wasm-assets.md): Rsbuild provides native support for WebAssembly (WASM) modules, allowing you to import and use .wasm files directly in your project. - [TypeScript](https://rsbuild.rs/guide/basic/typescript.md): Use TypeScript in Rsbuild with SWC transpilation, type checking, preset types, tsconfig settings, and decorator support. - [Web Workers](https://rsbuild.rs/guide/basic/web-workers.md): This page explains how to configure and use Web Workers in an Rsbuild project. - [Deployment](https://rsbuild.rs/guide/basic/deployment.md): This section explains how to deploy Rsbuild projects to static hosting and runtime platforms. - [Configure Rspack](https://rsbuild.rs/guide/configuration/rspack.md): Rsbuild supports directly modifying the Rspack configuration object, and supports modifying the built-in Rspack configuration of Rsbuild through rspack-chain. - [Configure Rsbuild](https://rsbuild.rs/guide/configuration/rsbuild.md): Rsbuild provides a wide range of configuration options with sensible defaults for most use cases. - [Configure SWC](https://rsbuild.rs/guide/configuration/swc.md): Configure SWC transpilation, plugins, and JavaScript minification in Rsbuild, including switching minifiers. - [CSS](https://rsbuild.rs/guide/styling/css-usage.md): Rsbuild provides out-of-the-box support for CSS, including PostCSS, CSS Modules, CSS preprocessors, CSS inlining, and CSS compression. - [CSS Modules](https://rsbuild.rs/guide/styling/css-modules.md): CSS Modules allows you to write CSS in a modular way, and import these styles in JavaScript files. - [CSS-in-JS](https://rsbuild.rs/guide/styling/css-in-js.md): This document outlines how to use common CSS-in-JS libraries in Rsbuild. - [Tailwind CSS v4](https://rsbuild.rs/guide/styling/tailwindcss.md): Use Tailwind CSS v4 in Rsbuild with the recommended @rsbuild/plugin-tailwindcss integration or the @tailwindcss/postcss plugin. - [Tailwind CSS v3](https://rsbuild.rs/guide/styling/tailwindcss-v3.md): Integrate Tailwind CSS v3 with Rsbuild through PostCSS, configure content scanning, and optimize build performance and CSS size. - [UnoCSS](https://rsbuild.rs/guide/styling/unocss.md): Integrate UnoCSS with Rsbuild through PostCSS, configure content scanning and presets, and import generated utilities. - [Path aliases](https://rsbuild.rs/guide/advanced/alias.md): Path aliases allow developers to define aliases for modules, making it easier to reference them in code. - [Environment variables](https://rsbuild.rs/guide/advanced/env-vars.md): Rsbuild supports injecting environment variables or expressions into your code during the build. - [Hot module replacement](https://rsbuild.rs/guide/advanced/hmr.md): Configure hot module replacement in Rsbuild, including the HMR URL, file watching, live reload, and troubleshooting. - [Logging](https://rsbuild.rs/guide/advanced/logging.md): Learn how logger, createLogger, customLogger, logLevel, and dev.client.logLevel relate to each other in Rsbuild. - [Browserslist](https://rsbuild.rs/guide/advanced/browserslist.md): Rsbuild supports using Browserslist to specify which browsers should be supported in your web application. - [Browser compatibility](https://rsbuild.rs/guide/advanced/browser-compatibility.md): Configure browserslist, dependency transpilation, and polyfills to resolve browser compatibility issues in Rsbuild. - [Module Federation](https://rsbuild.rs/guide/advanced/module-federation.md): Integrate Module Federation v2.0 or v1.5 with Rsbuild to share code between applications, with setup examples and limitations. - [Multi-environment builds](https://rsbuild.rs/guide/advanced/environments.md): Rsbuild can build outputs for multiple environments in a single run. Use environments to build them in parallel and set a separate Rsbuild config for each one. - [Server-side rendering (SSR)](https://rsbuild.rs/guide/advanced/ssr.md): This chapter introduces how to implement SSR functionality using Rsbuild. - [Testing](https://rsbuild.rs/guide/advanced/testing.md): Rsbuild doesn't include built-in testing frameworks, but integrates seamlessly with popular testing tools. - [Code splitting](https://rsbuild.rs/guide/optimization/code-splitting.md): Code splitting is the process of breaking code into multiple chunks to enable on-demand loading and improve performance. - [Bundle size optimization](https://rsbuild.rs/guide/optimization/optimize-bundle.md): Reduce Rsbuild bundle size through dependency deduplication, lightweight libraries, targeted polyfills, image compression, and code splitting. - [Improve build performance](https://rsbuild.rs/guide/optimization/build-performance.md): Speed up Rsbuild builds with profiling, persistent caching, fewer modules, parallel processing, and development optimizations. - [Inline static assets](https://rsbuild.rs/guide/optimization/inline-assets.md): Inlining static assets refers to embedding the content of a static asset directly in an HTML or JS file instead of linking to an external file. - [Upgrading Rsbuild](https://rsbuild.rs/guide/upgrade/upgrade-rsbuild.md): This section explains how to upgrade your project's Rsbuild dependencies to the latest version. - [Upgrading from v1 to v2](https://rsbuild.rs/guide/upgrade/v1-to-v2.md): This document lists all breaking changes from Rsbuild v1 to 2.0. Use it as a migration reference. - [Upgrading from 0.x to v1](https://rsbuild.rs/guide/upgrade/v0-to-v1.md): This document lists all breaking changes from Rsbuild 0.7 to 1.0. Use it as a migration reference. - [webpack](https://rsbuild.rs/guide/migration/webpack.md): This section introduces how to migrate a webpack project to Rsbuild. - [Create React App](https://rsbuild.rs/guide/migration/cra.md): This chapter introduces how to migrate a Create React App (CRA) or CRACO project to Rsbuild. - [Vue CLI](https://rsbuild.rs/guide/migration/vue-cli.md): This chapter introduces how to migrate a Vue CLI project to Rsbuild. - [Vite](https://rsbuild.rs/guide/migration/vite.md): This guide explains how to migrate a Vite project to Rsbuild. - [Vite plugin](https://rsbuild.rs/guide/migration/vite-plugin.md): This chapter introduces how to migrate a Vite plugin to Rsbuild plugin. - [TanStack Start](https://rsbuild.rs/guide/migration/tanstack-start.md): Migrate TanStack Start React or Solid applications from Vite to Rsbuild, including Rstest and Node.js deployment. - [Debug mode](https://rsbuild.rs/guide/debug/debug-mode.md): Rsbuild provides a debug mode to troubleshoot problems. Add the DEBUG=rsbuild environment variable when you run a build to enable it. - [Build profiling](https://rsbuild.rs/guide/debug/build-profiling.md): Running a performance analysis helps you identify bottlenecks in your project so you can optimize the right areas. - [Use Rsdoctor](https://rsbuild.rs/guide/debug/rsdoctor.md): Enable and configure Rsdoctor in Rsbuild to analyze build outputs and the build process. - [General FAQ](https://rsbuild.rs/guide/faq/general.md): Frequently asked questions about Rsbuild, focused on core concepts, ecosystem positioning, and basic usage. - [Features FAQ](https://rsbuild.rs/guide/faq/features.md): Frequently asked questions about Rsbuild, focused on feature support, tradeoffs, and ecosystem compatibility. - [Exceptions FAQ](https://rsbuild.rs/guide/faq/exceptions.md): Frequently asked questions about Rsbuild, focused on build-time and runtime troubleshooting. - [HMR FAQ](https://rsbuild.rs/guide/faq/hmr.md): Frequently asked questions about Rsbuild, focused on HMR behavior and development-time updates. - [Glossary](https://rsbuild.rs/guide/faq/glossary.md): Glossary of Rsbuild and frontend build terms, including bundlers, CSR, environments, Module Federation, SSR, and SWC. ## Config - [Config overview](https://rsbuild.rs/config/index.md): This page lists all the configurations for Rsbuild. See "Configure Rsbuild" for details. - [root](https://rsbuild.rs/config/root.md): Specify the project root directory. Can be an absolute path, or a path relative to process.cwd(). - [mode](https://rsbuild.rs/config/mode.md): Sets the Rsbuild build mode. Each mode applies different defaults and optimizations; for example, production minifies code by default. - [plugins](https://rsbuild.rs/config/plugins.md): Register Rsbuild plugins with the plugins option, including conditional, asynchronous, and nested plugins. - [logLevel](https://rsbuild.rs/config/log-level.md): Set the Rsbuild logLevel to control terminal and browser logs with info, warn, error, or silent output. - [splitChunks](https://rsbuild.rs/config/split-chunks.md): splitChunks is used to configure Rsbuild's chunk splitting strategy. - [environments](https://rsbuild.rs/config/environments.md): Rsbuild supports building outputs for multiple environments. You can use environments to define different Rsbuild configurations for each environment. - [customLogger](https://rsbuild.rs/config/custom-logger.md): Use customLogger to attach a logger instance to the current Rsbuild instance. Create it with createLogger() for isolated logging. - [dev.assetPrefix](https://rsbuild.rs/config/dev/asset-prefix.md): Set the URL prefix of static assets in development mode. - [dev.browserLogs](https://rsbuild.rs/config/dev/browser-logs.md): Controls whether to forward browser runtime errors to the terminal. - [dev.cliShortcuts](https://rsbuild.rs/config/dev/cli-shortcuts.md): Customize CLI shortcuts by providing a function that receives the default shortcuts array and returns a new one. - [dev.client](https://rsbuild.rs/config/dev/client.md): Configure the client code injected by Rsbuild during the development process. This can be used to set the WebSocket URL for HMR. - [dev.hmr](https://rsbuild.rs/config/dev/hmr.md): Control hot module replacement with dev.hmr, including the live reload fallback when HMR is disabled. - [dev.lazyCompilation](https://rsbuild.rs/config/dev/lazy-compilation.md): Enable lazy compilation (compilation on demand), implemented based on Rspack's lazy compilation feature. - [dev.liveReload](https://rsbuild.rs/config/dev/live-reload.md): Whether to reload the page when source files are changed. - [dev.progressBar](https://rsbuild.rs/config/dev/progress-bar.md): Whether to render progress bars to display the build progress. - [dev.watchFiles](https://rsbuild.rs/config/dev/watch-files.md): Watch specified files and directories for changes. When a change is detected, it can trigger a page reload or restart the dev server or watch build. - [dev.writeToDisk](https://rsbuild.rs/config/dev/write-to-disk.md): Controls whether the build output from development mode is written to disk. - [resolve.aliasStrategy](https://rsbuild.rs/config/resolve/alias-strategy.md): Set the strategy for path alias resolution, to control the priority relationship between the paths option in tsconfig. - [resolve.alias](https://rsbuild.rs/config/resolve/alias.md): Create aliases for module paths to simplify import paths or redirect module references. - [resolve.conditionNames](https://rsbuild.rs/config/resolve/condition-names.md): Specifies the condition names used to match entry points in the exports field of a package. - [resolve.dedupe](https://rsbuild.rs/config/resolve/dedupe.md): Force Rsbuild to resolve the specified packages from project root, which is useful for deduplicating packages and reducing the bundle size. - [resolve.extensions](https://rsbuild.rs/config/resolve/extensions.md): Automatically resolve file extensions when importing modules. This means you can import files without explicitly writing their extensions. - [resolve.mainFields](https://rsbuild.rs/config/resolve/main-fields.md): Controls the priority of fields in a package.json when locating a package's entry file. - [source.assetsInclude](https://rsbuild.rs/config/source/assets-include.md): Include additional files that should be treated as static assets. - [source.decorators](https://rsbuild.rs/config/source/decorators.md): Select legacy, 2022-03, or 2023-11 decorator syntax with source.decorators.version. - [source.define](https://rsbuild.rs/config/source/define.md): Replaces variables in your code with other values or expressions at compile time. This enables different behavior between development and production builds. - [source.entry](https://rsbuild.rs/config/source/entry.md): source.entry is an object where the key is the entry name and the value is the path of the entry module or a description object. - [source.exclude](https://rsbuild.rs/config/source/exclude.md): Exclude JavaScript or TypeScript files that do not need to be compiled by SWC. - [source.include](https://rsbuild.rs/config/source/include.md): Specify additional JavaScript files that need to be compiled by SWC. - [source.preEntry](https://rsbuild.rs/config/source/pre-entry.md): Add a script before the entry file of each page. This script will be executed before the page code. - [source.transformImport](https://rsbuild.rs/config/source/transform-import.md): Transform the import path to modularly import subpaths of third-party packages. The functionality is similar to babel-plugin-import. - [source.tsconfigPath](https://rsbuild.rs/config/source/tsconfig-path.md): Configure a custom tsconfig.json file path to use, can be a relative or absolute path. - [output.assetPrefix](https://rsbuild.rs/config/output/asset-prefix.md): In production mode, use this option to configure the URL prefix for static assets, such as a CDN URL. - [output.autoExternal](https://rsbuild.rs/config/output/auto-external.md): Use output.autoExternal to automatically externalize dependencies declared in package.json. - [output.charset](https://rsbuild.rs/config/output/charset.md): The charset config sets the character encoding for output files, ensuring they display correctly across different environments. - [output.cleanDistPath](https://rsbuild.rs/config/output/clean-dist-path.md): Configure whether to clean all files in the output directory before the build starts. The output directory is the output.distPath.root directory. - [output.copy](https://rsbuild.rs/config/output/copy.md): Copies the specified file or directory to the dist directory, implemented based on rspack.CopyRspackPlugin. - [output.cssModules](https://rsbuild.rs/config/output/css-modules.md): The CSS Modules feature in Rsbuild is based on the modules option of css-loader. You can refer to css-loader - modules to learn more. - [output.dataUriLimit](https://rsbuild.rs/config/output/data-uri-limit.md): Set the size threshold to inline static assets such as images and fonts. - [output.distPath](https://rsbuild.rs/config/output/dist-path.md): Configure the directory for output files. Rsbuild outputs files to the specified subdirectory according to file type. - [output.emitAssets](https://rsbuild.rs/config/output/emit-assets.md): Controls whether to emit static assets such as images, fonts, media, and other file types. - [output.emitCss](https://rsbuild.rs/config/output/emit-css.md): Controls whether CSS is emitted to output bundles. - [output.externals](https://rsbuild.rs/config/output/externals.md): Use output.externals to specify which modules should not be bundled by Rsbuild, and instead use implementations provided by the external environment. - [output.filenameHash](https://rsbuild.rs/config/output/filename-hash.md): Configure whether to add a hash value to output filenames. - [output.filename](https://rsbuild.rs/config/output/filename.md): Customize output filenames by asset type with output.filename, using placeholders or functions. - [output.injectStyles](https://rsbuild.rs/config/output/inject-styles.md): Controls whether Rsbuild inlines CSS into JS files and injects it at runtime instead of extracting separate `.css` files. - [output.inlineScripts](https://rsbuild.rs/config/output/inline-scripts.md): Whether to inline output scripts files (.js files) into HTML with script tags. - [output.inlineStyles](https://rsbuild.rs/config/output/inline-styles.md): Whether to inline output style files (.css files) into HTML with style tags. - [output.legalComments](https://rsbuild.rs/config/output/legal-comments.md): Controls how legal comments are handled in the build output. - [output.manifest](https://rsbuild.rs/config/output/manifest.md): The manifest file contains information about all assets and the mapping between entry modules and assets. - [output.minify](https://rsbuild.rs/config/output/minify.md): Controls whether code minification is enabled, and provides configuration options for the minimizers. - [output.module](https://rsbuild.rs/config/output/module.md): Whether to output JavaScript files in ES modules format. - [output.overrideBrowserslist](https://rsbuild.rs/config/output/override-browserslist.md): Specifies the range of target browsers that the project is compatible with. - [output.polyfill](https://rsbuild.rs/config/output/polyfill.md): Choose entry, usage, or off mode for core-js polyfill injection with output.polyfill. - [output.sourceMap](https://rsbuild.rs/config/output/source-map.md): Configures whether to generate source map files and which source map format to generate. - [output.target](https://rsbuild.rs/config/output/target.md): Rsbuild supports multiple build targets for running in different environments. - [html.appIcon](https://rsbuild.rs/config/html/app-icon.md): Configure mobile home screen icons with html.appIcon, including web app manifest and Apple touch icons. - [html.crossorigin](https://rsbuild.rs/config/html/crossorigin.md): Set the crossorigin attribute of the script and style tags. - [html.favicon](https://rsbuild.rs/config/html/favicon.md): Set page favicons with html.favicon using local files, URLs, or per-entry functions, with automatic detection in the public directory. - [html.inject](https://rsbuild.rs/config/html/inject.md): Control script tag placement with html.inject, including per-entry settings and manual HTML tag injection. - [html.meta](https://rsbuild.rs/config/html/meta.md): Configure HTML meta tags with html.meta, including per-entry values and removing default tags. - [html.mountId](https://rsbuild.rs/config/html/mount-id.md): By default, the root element is included in the HTML template for component mounting. The element id can be modified through mountId. - [html.outputStructure](https://rsbuild.rs/config/html/output-structure.md): Define the directory structure of the HTML output files. - [html.scriptLoading](https://rsbuild.rs/config/html/script-loading.md): Specifies how script tags generated by Rsbuild are loaded. - [html.tags](https://rsbuild.rs/config/html/tags.md): Modifies the tags that are injected into the HTML page. - [html.templateParameters](https://rsbuild.rs/config/html/template-parameters.md): Define the parameters in the HTML template, see HTML Template - Template Parameters for detailed usage. - [html.template](https://rsbuild.rs/config/html/template.md): Specifies the file path for the HTML template, which can be a relative or absolute path. - [html.title](https://rsbuild.rs/config/html/title.md): Set HTML page titles with html.title, including per-entry titles and removing the title tag. - [server.allowedHosts](https://rsbuild.rs/config/server/allowed-hosts.md): Specify which hostnames the Rsbuild dev and preview servers accept. - [server.base](https://rsbuild.rs/config/server/base.md): server.base is used to configure the base path of the server. - [server.compress](https://rsbuild.rs/config/server/compress.md): Configure whether to enable gzip compression for static assets served by the dev server or preview server. - [server.cors](https://rsbuild.rs/config/server/cors.md): Configure CORS options for the dev server or preview server, based on the cors middleware. - [server.headers](https://rsbuild.rs/config/server/headers.md): Adds headers to all responses sent from Rsbuild server. This configuration directly leverages Node.js response.setHeader() method under the hood. - [server.historyApiFallback](https://rsbuild.rs/config/server/history-api-fallback.md): historyApiFallback is used to support routing based on the history API. - [server.host](https://rsbuild.rs/config/server/host.md): Specify the host that the Rsbuild server listens to. - [server.htmlFallback](https://rsbuild.rs/config/server/html-fallback.md): Control index.html fallback for unmatched HTML requests with server.htmlFallback. - [server.https](https://rsbuild.rs/config/server/https.md): Configure HTTPS options to enable HTTPS server. When enabled, HTTP server will be disabled. - [server.middlewareMode](https://rsbuild.rs/config/server/middleware-mode.md): Whether to create Rsbuild's server in middleware mode, which is useful for integrating with other servers. - [server.open](https://rsbuild.rs/config/server/open.md): server.open configures which page URLs Rsbuild should automatically open in the browser after starting the server. - [server.port](https://rsbuild.rs/config/server/port.md): By default, the Rsbuild server listens on port 3000 and automatically increments the port when it's occupied. - [server.printUrls](https://rsbuild.rs/config/server/print-urls.md): Controls whether and how server URLs are printed when the server starts. - [server.proxy](https://rsbuild.rs/config/server/proxy.md): Configure proxy rules for the dev server or preview server, and forward requests to the specified service. - [server.publicDir](https://rsbuild.rs/config/server/public-dir.md): By default, Rsbuild uses the public directory for serving public assets. Files in this directory are served at server.base path (default /). - [server.setup](https://rsbuild.rs/config/server/setup.md): Run setup logic when the Rsbuild dev server or preview server starts, such as registering custom middleware or running pre-start tasks. - [server.strictPort](https://rsbuild.rs/config/server/strict-port.md): Controls whether Rsbuild throws an error instead of using the next available port when the specified port is occupied. - [security.nonce](https://rsbuild.rs/config/security/nonce.md): Adds a nonce attribute to script resources injected into HTML. This lets the browser decide whether inline scripts with matching nonce values can be executed. - [security.sri](https://rsbuild.rs/config/security/sri.md): Adds an integrity attribute to script and link tags injected into HTML so the browser can verify the resource's integrity and prevent tampering. - [tools.bundlerChain](https://rsbuild.rs/config/tools/bundler-chain.md): Modify Rspack configuration through the rspack-chain API with tools.bundlerChain, utility functions, and CHAIN_ID constants. - [tools.cssExtract](https://rsbuild.rs/config/tools/css-extract.md): Rsbuild uses the CssExtractRspackPlugin plugin by default to extract CSS into separate files. - [tools.cssLoader](https://rsbuild.rs/config/tools/css-loader.md): Rsbuild uses css-loader by default to handle CSS resources. You can modify the options of css-loader through tools.cssLoader. - [tools.htmlPlugin](https://rsbuild.rs/config/tools/html-plugin.md): The configs of html-rspack-plugin can be modified through tools.htmlPlugin. - [tools.lightningcssLoader](https://rsbuild.rs/config/tools/lightningcss-loader.md): You can set the options for builtin:lightningcss-loader through tools.lightningcssLoader. - [tools.postcss](https://rsbuild.rs/config/tools/postcss.md): Rsbuild integrates PostCSS by default. You can configure postcss-loader through tools.postcss. - [tools.rspack](https://rsbuild.rs/config/tools/rspack.md): Customize the Rspack configuration with tools.rspack using an object to merge or a callback with utility functions. - [tools.styleLoader](https://rsbuild.rs/config/tools/style-loader.md): The config of style-loader can be set through tools.styleLoader. - [tools.swc](https://rsbuild.rs/config/tools/swc.md): You can set the options of builtin:swc-loader through tools.swc. - [performance.buildCache](https://rsbuild.rs/config/performance/build-cache.md): Enable persistent build caching with performance.buildCache and configure cache location and invalidation dependencies. - [performance.dnsPrefetch](https://rsbuild.rs/config/performance/dns-prefetch.md): Use performance.dnsPrefetch to add HTML resource hints for resolving specified domain names in advance. - [performance.preconnect](https://rsbuild.rs/config/performance/preconnect.md): Use performance.preconnect to add HTML resource hints for early connections to external origins, with optional crossorigin support. - [performance.prefetch](https://rsbuild.rs/config/performance/prefetch.md): Use performance.prefetch to add prefetch hints for build assets likely needed for future navigation. - [performance.preload](https://rsbuild.rs/config/performance/preload.md): Use performance.preload to add preload hints for build assets needed early in the current page load. - [performance.printFileSize](https://rsbuild.rs/config/performance/print-file-size.md): Whether to print the file sizes after production build. - [performance.removeConsole](https://rsbuild.rs/config/performance/remove-console.md): Whether to remove console.[methodName] in production build. - [moduleFederation.options](https://rsbuild.rs/config/module-federation/options.md): Used to configure the Rspack's Module Federation plugin (Module Federation v1.5). ## Plugin - [Plugin list](https://rsbuild.rs/plugins/list/index.md): Find official and community Rsbuild plugins for frameworks and build features, and learn how to register them. - [React plugin](https://rsbuild.rs/plugins/list/plugin-react.md): The React plugin provides support for React, integrating features such as JSX compilation and React Refresh. - [SVGR plugin](https://rsbuild.rs/plugins/list/plugin-svgr.md): Convert SVG imports into React components with @rsbuild/plugin-svgr and configure import behavior and SVGR options. - [Vue plugin](https://rsbuild.rs/plugins/list/plugin-vue.md): The Vue plugin provides support for Vue 3 SFC (Single File Components). The plugin internally integrates rspack-vue-loader. - [Preact plugin](https://rsbuild.rs/plugins/list/plugin-preact.md): The Preact plugin provides support for Preact, integrating features such as JSX compilation and React aliasing. - [Svelte plugin](https://rsbuild.rs/plugins/list/plugin-svelte.md): The Svelte plugin provides support for Svelte components (.svelte files). The plugin internally integrates svelte-loader. - [Solid plugin](https://rsbuild.rs/plugins/list/plugin-solid.md): Use Solid with Rsbuild, including JSX compilation, Solid Refresh, and server-side rendering. - [Babel plugin](https://rsbuild.rs/plugins/list/plugin-babel.md): Add Babel presets and plugins to Rsbuild with @rsbuild/plugin-babel, including loader options, compilation scope, and execution order. - [Tailwind CSS plugin](https://rsbuild.rs/plugins/list/plugin-tailwindcss.md): Integrate Tailwind CSS v4 in Rsbuild with a plugin based on @tailwindcss/webpack, avoiding @tailwindcss/postcss transforms for better build performance. - [Sass plugin](https://rsbuild.rs/plugins/list/plugin-sass.md): Use Sass as the CSS preprocessor, implemented based on sass-loader. - [Less plugin](https://rsbuild.rs/plugins/list/plugin-less.md): Use Less as the CSS preprocessor, implemented based on less-loader. - [Plugin development](https://rsbuild.rs/plugins/dev/index.md): Develop Rsbuild plugins using setup functions, lifecycle hooks, configuration customization, and shared plugin APIs. - [Plugin API](https://rsbuild.rs/plugins/dev/core.md): Define Rsbuild plugins and use APIs for configuration access, module transforms, resolution, asset processing, and shared capabilities. - [Plugin hooks](https://rsbuild.rs/plugins/dev/hooks.md): Use Rsbuild plugin hooks to customize configuration, compilation, HTML, and server lifecycle, with hook scope and callback ordering. ## API - [JavaScript API](https://rsbuild.rs/api/start/index.md): Overview of the Rsbuild JavaScript API, including core methods, instance APIs, environment APIs, and server APIs. - [Rsbuild core](https://rsbuild.rs/api/javascript-api/core.md): Reference for the Rsbuild JavaScript API, covering createRsbuild, loadConfig, loadEnv and related methods. - [Rsbuild instance](https://rsbuild.rs/api/javascript-api/instance.md): Reference for the Rsbuild JavaScript API, covering rsbuild.context, rsbuild.build, rsbuild.startDevServer and related methods. - [Rsbuild types](https://rsbuild.rs/api/javascript-api/types.md): Find TypeScript definitions exported by Rsbuild for instances, configuration, context, plugins, and JavaScript API options. - [Server API](https://rsbuild.rs/api/javascript-api/server-api.md): Access Rsbuild dev and preview server APIs to manage middleware, HTTP servers, WebSocket messages, and server lifecycle. - [Environment API](https://rsbuild.rs/api/javascript-api/environment-api.md): Access environment context, build stats, server bundles, transformed HTML, and HMR messaging through Rsbuild environment APIs. ## Blog - [Rsbuild blogs](https://rsbuild.rs/blog/index.md): This page collects blog posts about Rsbuild. - [Announcing Rsbuild 2.1](https://rsbuild.rs/blog/v2-1.md): Rsbuild 2.1 is out, featuring the Rust-based React Compiler, TanStack Start support, a Tailwind CSS v4 plugin, and support for CSS URL imports and Worker query imports. - [Announcing Rsbuild 2.0](https://rsbuild.rs/blog/v2-0.md): Rsbuild 2.0 is out, featuring Rspack 2.0, RSC support, and more modern defaults. - [Announcing Rsbuild 1.0](https://rsbuild.rs/blog/v1-0.md): Rsbuild 1.0 officially launches with faster builds, simpler configuration, a growing plugin ecosystem, and broader adoption across Rstack. - [Announcing Rsbuild 0.7](https://rsbuild.rs/blog/v0-7.md): Rsbuild 0.7 adds Storybook support, faster Sass compilation, and typed CSS Modules. - [Announcing Rsbuild 0.6](https://rsbuild.rs/blog/v0-6.md): Rsbuild 0.6 enables the error overlay by default, adds Vue JSX HMR, and introduces a new transform API. - [Announcing Rsbuild 0.5](https://rsbuild.rs/blog/v0-5.md): Rsbuild 0.5 adds Lightning CSS, custom server support, and more flexible minify options. - [Announcing Rsbuild 0.4](https://rsbuild.rs/blog/v0-4.md): Rsbuild 0.4 adds built-in Module Federation config and updates plugin hook ordering and default behavior. - [Announcing Rsbuild 0.3](https://rsbuild.rs/blog/v0-3.md): Rsbuild 0.3 adds Module Federation support and updates TOML/YAML plugins, the JavaScript API, and Node target behavior. - [Announcing Rsbuild 0.2](https://rsbuild.rs/blog/v0-2.md): Rsbuild 0.2 updates core configuration such as targets and entry, and redesigns the Babel plugin API. - [Announcing Rsbuild 0.1](https://rsbuild.rs/blog/v0-1.md): Rsbuild 0.1 introduces an Rspack-based build tool with faster builds, simpler configuration, and multi-framework support.