English | Portuguese | ็ฎไฝไธญๆ
Rsbuild is a high-performance build tool powered by Rspack. It provides carefully designed default configurations that deliver an out-of-the-box development experience while fully leveraging Rspack's performance.
Rsbuild provides a rich set of build features, including compilation of TypeScript, JSX, Sass, Less, CSS Modules, Wasm, and more. It also supports Module Federation, image compression, type checking, PostCSS, Lightning CSS, and additional features.
Powered by Rspack's Rust-based architecture, Rsbuild delivers blazing-fast performance to speed up your development workflow.
โก๏ธ Build 1000 React components:
๐ Benchmark results from build-tools-performance.
Rsbuild has the following features:
-
Easy to configure: One of the goals of Rsbuild is to provide out-of-the-box build capabilities for Rspack users, allowing developers to start a web project with zero configuration. In addition, Rsbuild provides a semantic build configuration API to reduce the learning curve for Rspack configuration.
-
Performance-focused: Rsbuild integrates high-performance Rust-based tools from the community, including Rspack, SWC and Lightning CSS, delivering first-class build speed and development experience.
-
Plugin ecosystem: Rsbuild has a lightweight plugin system and includes a range of high-quality official plugins. It is also compatible with most webpack plugins and all Rspack plugins, allowing users to leverage existing community or in-house plugins in Rsbuild without rewriting code.
-
Stable artifacts: Rsbuild is designed with a strong focus on the stability of build artifacts. It ensures high consistency between artifacts in the development and production builds, and automatically completes syntax downgrading and polyfill injection. Rsbuild also provides plugins for type checking and artifact syntax validation to prevent quality and compatibility issues in production code.
-
Framework agnostic: Rsbuild is not coupled with any front-end UI framework. It supports frameworks like React, Vue, Svelte, Solid, and Preact through plugins, and plans to support more UI frameworks from the community in the future.
To get started with Rsbuild, see the Quick start.
Rstack is a unified JavaScript toolchain centered on Rspack, with high performance and consistent architecture.
| Name | Description | Version |
|---|---|---|
| Rspack | Bundler |  |
| Rsbuild | Build tool | |
| Rslib | Library development tool |  |
| Rspress | Static site generator |  |
| Rsdoctor | Build analyzer |  |
| Rstest | Testing framework |  |
| Rslint | Linter |  |
- awesome-rstack: A curated list of awesome things related to Rstack.
- rstack-examples: Examples showcasing Rstack.
- storybook-rsbuild: Storybook builder powered by Rsbuild.
- rsbuild-plugin-template๏ผUse this template to create your own Rsbuild plugin.
- rstack-design-resources๏ผDesign resources for Rstack.
Note
We highly value any contributions to Rsbuild!
Please read the Contributing Guide.
This repo has adopted the ByteDance open source code of conduct. Please check Code of conduct for more details.
Come and chat with us on Discord! The Rstack team and users are active there, and we're always looking for contributions.
Rsbuild uses Web Infra QoS to observe the trend of key metrics, such as bundle size, compile speed and install size.
Rsbuild has been inspired by several outstanding projects in the community. We would like to acknowledge and express our sincere gratitude to the following projects:
- Various plugin implementations have been inspired by create-react-app
- Multiple utility functions have been adapted from html-webpack-plugin
- Several API design patterns have been influenced by Vite
Special thanks to Netlify for providing hosting services for the Rsbuild documentation website.
Rsbuild is licensed under the MIT License.
