An open API service indexing awesome lists of open source software.

https://github.com/web-infra-dev/rsbuild

A zero-config, instant build tool powered by Rspack.
https://github.com/web-infra-dev/rsbuild

build-tool bundler frontend javascript rsbuild rspack rstack typescript webpack

Last synced: 1 day ago
JSON representation

A zero-config, instant build tool powered by Rspack.

Awesome Lists containing this project

README

          

Rsbuild Banner

# Rsbuild


discord channel
npm version
downloads
node version
license
Ask DeepWiki

English | [Portuguese](./README.pt-BR.md) | [็ฎ€ไฝ“ไธญๆ–‡](./README.zh-CN.md)

Rsbuild is a high-performance build tool powered by Rspack. It provides carefully designed defaults for an out-of-the-box development experience while fully leveraging Rspack's performance.

Rsbuild provides a [rich set of build features](https://rsbuild.rs/guide/start/features), including support for TypeScript, JSX, Sass, Less, CSS Modules, Wasm, and more. It also supports Module Federation, image compression, type checking, PostCSS, Lightning CSS, and additional features.

> [!NOTE]
> The `main` branch is under active development for **Rsbuild 2.0**.
> The stable **1.x** releases are maintained in the [v1.x](https://github.com/web-infra-dev/rsbuild/tree/v1.x) branch.

## ๐Ÿš€ Performance

Powered by Rspack's Rust-based architecture, Rsbuild delivers blazing-fast performance to speed up your development workflow.

โšก๏ธ **Build 1000 React components:**

![benchmark](https://assets.rspack.rs/rsbuild/assets/benchmark-latest.jpeg)

> ๐Ÿ“Š Benchmark results from [build-tools-performance](https://github.com/rstackjs/build-tools-performance).

## ๐Ÿ”ฅ Features

Rsbuild has the following features:

- **Easy to configure**: One of Rsbuild's goals is to give Rspack users out-of-the-box build capabilities so they can start web projects with zero configuration. Rsbuild also provides a semantic build configuration API to reduce the Rspack learning curve.

- **Performance-focused**: Rsbuild integrates high-performance Rust-based tools from the community, including [Rspack](https://rspack.rs), [SWC](https://swc.rs/), and [Lightning CSS](https://lightningcss.dev/), 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 you to use existing community or in-house plugins without rewriting code.

- **Stable artifacts**: Rsbuild places a strong focus on build artifact stability. It ensures consistent artifacts in development and production builds, and automatically handles syntax downgrading and polyfill injection. Rsbuild also provides plugins for type checking and artifact syntax validation to prevent quality and compatibility issues from reaching production code.

- **Framework agnostic**: Rsbuild is not coupled to any frontend UI framework. It supports frameworks like React, Vue, Svelte, Solid, and Preact through plugins, with plans to support more UI frameworks from the community in the future.

## ๐Ÿ“š Getting started

To get started with Rsbuild, see the [Quick start](https://rsbuild.rs/guide/start/quick-start).

## ๐Ÿฆ€ Rstack

Rstack is a unified JavaScript toolchain centered on Rspack, with high performance and consistent architecture.

| Name | Description | Version |
| ----------------------------------------------------- | ------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Rspack](https://github.com/web-infra-dev/rspack) | Bundler | npm version |
| [Rsbuild](https://github.com/web-infra-dev/rsbuild) | Build tool | npm version |
| [Rslib](https://github.com/web-infra-dev/rslib) | Library development tool | npm version |
| [Rspress](https://github.com/web-infra-dev/rspress) | Static site generator | npm version |
| [Rsdoctor](https://github.com/web-infra-dev/rsdoctor) | Build analyzer | npm version |
| [Rstest](https://github.com/web-infra-dev/rstest) | Testing framework | npm version |
| [Rslint](https://github.com/web-infra-dev/rslint) | Linter | npm version |

## ๐Ÿ”— Links

- [awesome-rstack](https://github.com/rstackjs/awesome-rstack): A curated list of awesome things related to Rstack.
- [rstack-examples](https://github.com/rstackjs/rstack-examples): Examples showcasing Rstack.
- [storybook-rsbuild](https://github.com/rstackjs/storybook-rsbuild): Storybook builder powered by Rsbuild.
- [rsbuild-plugin-template](https://github.com/rstackjs/rsbuild-plugin-template)๏ผšUse this template to create your own Rsbuild plugin.
- [rstack-design-resources](https://github.com/rstackjs/rstack-design-resources)๏ผšDesign resources for Rstack.

## ๐Ÿค Contribution

> [!NOTE]
> We highly value any contributions to Rsbuild!

Please read the [Contributing Guide](https://github.com/web-infra-dev/rsbuild/blob/main/CONTRIBUTING.md).

### Contributors



### Code of conduct

This repo has adopted the ByteDance open source code of conduct. Please check [Code of conduct](./CODE_OF_CONDUCT.md) for more details.

## ๐Ÿง‘โ€๐Ÿ’ป Community

Come and chat with us on [Discord](https://discord.gg/XsaKEEk4mW)! The Rstack team and users are active there, and we're always looking for contributions.

## ๐Ÿ™ Credits

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](https://github.com/facebook/create-react-app)
- Multiple utility functions have been adapted from [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)
- Several API design patterns have been influenced by [Vite](https://github.com/vitejs/vite)

## ๐Ÿ“– License

Rsbuild is licensed under the [MIT License](https://github.com/web-infra-dev/rsbuild/blob/main/LICENSE).