Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<picture>
<img alt="Rsbuild Banner" src="https://assets.rspack.dev/rsbuild/rsbuild-banner.png">
<img alt="Rsbuild Banner" src="https://assets.rspack.rs/rsbuild/rsbuild-banner.png">
</picture>

# Rsbuild
Expand All @@ -16,47 +16,47 @@ English | [Portuguese](./README.pt-BR.md) | [简体中文](./README.zh-CN.md)

Rsbuild is a high-performance build tool powered by Rspack. It provides a set of thoughtfully designed default build configs, offering an out-of-the-box development experience and can fully unleash the performance advantages of Rspack.

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

## 🚀 Performance

Powered by Rspack's Rust-based architecture, Rsbuild delivers blazing fast performance that will reshape your development workflow.

⚡️ **Build 1000 React components:**

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

> 📊 Benchmark results from [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance).

## 💡 Comparisons

Rsbuild is a build tool that is on par with [Vite](https://vitejs.dev/), [Create React App](https://github.com/facebook/create-react-app), or [Vue CLI](https://github.com/vuejs/vue-cli). They all come with builtin dev servers, command line tools, and sensible build configurations to provide the out-of-the-box experience.

![](https://assets.rspack.dev/rsbuild/assets/rsbuild-1-0-build-tools.png)
![](https://assets.rspack.rs/rsbuild/assets/rsbuild-1-0-build-tools.png)

### CRA / Vue CLI

You can think of Rsbuild as a modernized version of Create React App or Vue CLI, with these main differences:

- The underlying bundler is switched from webpack to Rspack, providing 5 to 10 times the build performance.
- It is decoupled from frontend UI frameworks and supports all UI frameworks via [plugins](https://rsbuild.dev/plugins/list/), including React, Vue, Svelte, Solid, etc.
- It offers better extensibility. You can extend Rsbuild flexibly via [Configurations](https://rsbuild.dev/config/), [Plugin API](https://rsbuild.dev/plugins/dev/), and [JavaScript API](https://rsbuild.dev/api/start/).
- It is decoupled from frontend UI frameworks and supports all UI frameworks via [plugins](https://rsbuild.rs/plugins/list/), including React, Vue, Svelte, Solid, etc.
- It offers better extensibility. You can extend Rsbuild flexibly via [Configurations](https://rsbuild.rs/config/), [Plugin API](https://rsbuild.rs/plugins/dev/), and [JavaScript API](https://rsbuild.rs/api/start/).

### Vite

Rsbuild shares many similarities with Vite, as they both aim to improve the frontend development experience. The main differences are:

- **Ecosystem compatibility**: Rsbuild is compatible with most webpack plugins and all Rspack plugins, while Vite is compatible with Rollup plugins. If you're currently using more plugins and loaders from the webpack ecosystem, migrating to Rsbuild would be relatively easy.
- **Production consistency**: Rsbuild uses Rspack for bundling during both the development and production builds, thus ensuring a high level of consistency between the development and production outputs. This is also one of the goals Vite aims to achieve with Rolldown.
- **Module Federation**: The Rsbuild team works closely with the [Module Federation](https://rsbuild.dev/guide/advanced/module-federation) development team, providing first-class support for Module Federation to help you develop large web applications with micro frontend architecture.
- **Module Federation**: The Rsbuild team works closely with the [Module Federation](https://rsbuild.rs/guide/advanced/module-federation) development team, providing first-class support for Module Federation to help you develop large web applications with micro frontend architecture.

## 🔥 Features

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 semantic build configuration to reduce the learning curve for Rspack configuration.

- **Performance Oriented**: Rsbuild integrates high-performance Rust-based tools from the community, including [Rspack](https://rspack.dev), [SWC](https://swc.rs/) and [Lightning CSS](https://lightningcss.dev/), to deliver first-class build speed and development experience.
- **Performance Oriented**: 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/), to deliver first-class build speed and development experience.

- **Plugin Ecosystem**: Rsbuild has a lightweight plugin system and includes a range of high-quality official plugins. Furthermore, Rsbuild is compatible with most webpack plugins and all Rspack plugins, allowing users to leverage existing community or in-house plugins in Rsbuild without the need for rewriting code.

Expand All @@ -66,7 +66,7 @@ Rsbuild has the following features:

## 📚 Getting started

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

## 🦀 Rstack

Expand Down
18 changes: 9 additions & 9 deletions README.pt-BR.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<picture>
<img alt="Rsbuild Banner" src="https://assets.rspack.dev/rsbuild/rsbuild-banner.png">
<img alt="Rsbuild Banner" src="https://assets.rspack.rs/rsbuild/rsbuild-banner.png">
</picture>

# Rsbuild
Expand All @@ -16,47 +16,47 @@

Rsbuild é uma ferramenta de build de alta performance com base no Rspack. Ele fornece um conjunto de configurações de compilação padrão cuidadosamente projetadas, oferecendo uma experiência de desenvolvimento pronta para uso e pode liberar totalmente as vantagens de desempenho do Rspack.

Rsbuild provê [ricas funcionalidades de build](https://rsbuild.dev/guide/start/features), incluindo a compilação de TypeScript, JSX, Sass, Less, CSS Modules, Wasm, e outros. Ele também suporta Module Federation, compressão de imagem, checagem de tipos, PostCSS, Lightning CSS, e mais.
Rsbuild provê [ricas funcionalidades de build](https://rsbuild.rs/guide/start/features), incluindo a compilação de TypeScript, JSX, Sass, Less, CSS Modules, Wasm, e outros. Ele também suporta Module Federation, compressão de imagem, checagem de tipos, PostCSS, Lightning CSS, e mais.

## 🚀 Desempenho

Alimentado pela arquitetura baseada em Rust do Rspack, o Rsbuild oferece um desempenho extremamente rápido que irá remodelar seu fluxo de trabalho de desenvolvimento.

⚡️ **Construa 1000 componentes React:**

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

> 📊 Resultados do benchmark do [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance).

## 💡 Comparações

Rsbuild é uma ferramenta de build que está no mesmo patamar do [Vite](https://vitejs.dev/), [Create React App](https://github.com/facebook/create-react-app), ou [Vue CLI](https://github.com/vuejs/vue-cli). Todos eles possuem um servidor de desenvolvimento imbutido, ferramentas de linha de comando, e configurações de build que provê uma experiência pronta para uso.

![](https://assets.rspack.dev/rsbuild/assets/rsbuild-1-0-build-tools.png)
![](https://assets.rspack.rs/rsbuild/assets/rsbuild-1-0-build-tools.png)

### CRA / Vue CLI

Você pode imaginar o Rsbuild como uma versão moderna do Create React App ou Vue CLI, com estas principais diferenças:

- O bundler por baixo é trocado de webpack para Rspack, provendo 5 à 10 vezes mais rápido o desempenho de build.
- É desacoplado de frameworks de frontend e suporta todos os frameworks de interface, por meio de [plugins](https://rsbuild.dev/plugins/list/), incluíndo React, Vue, Svelte, Solid, etc.
- Oferece melhor extensibilidade. Você pode extender o Rsbuild flexivelmente via [Configurações](https://rsbuild.dev/config/), [Plugin API](https://rsbuild.dev/plugins/dev/), e [JavaScript API](https://rsbuild.dev/api/start/).
- É desacoplado de frameworks de frontend e suporta todos os frameworks de interface, por meio de [plugins](https://rsbuild.rs/plugins/list/), incluíndo React, Vue, Svelte, Solid, etc.
- Oferece melhor extensibilidade. Você pode extender o Rsbuild flexivelmente via [Configurações](https://rsbuild.rs/config/), [Plugin API](https://rsbuild.rs/plugins/dev/), e [JavaScript API](https://rsbuild.rs/api/start/).

### Vite

Rsbuild compartilha muitas similaridades com Vite, assim como ambos miram em melhorar a experiência do desenvolvimento frontend. As principais diferenças são:

- **Compatibilidade do ecossistema**: Rsbuild é compatível com a maioria dos plug-ins para webpack e todos os plug-ins do Rspack, enquanto Vite é compatível com plug-ins do Rollup. Se você estiver usando mais plug-ins e carregadores do ecossistema do webpack, a migração para o Rsbuild será relativamente fácil.
- **Consistência em produção**: Rsbuild usa o Rspack para empacotamento durante as compilações de desenvolvimento e produção, garantindo assim um alto nível de consistência entre os resultados de desenvolvimento e produção. Esse também é um dos objetivos que a Vite pretende alcançar com o Rolldown.
- **Module Federation**: O time do Rsbuild trabalha próximo com o time de [Module Federation](https://rsbuild.dev/guide/advanced/module-federation), fornecendo suporte de primeira classe para o Module Federation para ajudá-lo a desenvolver grandes aplicativos da Web com arquitetura de micro frontend.
- **Module Federation**: O time do Rsbuild trabalha próximo com o time de [Module Federation](https://rsbuild.rs/guide/advanced/module-federation), fornecendo suporte de primeira classe para o Module Federation para ajudá-lo a desenvolver grandes aplicativos da Web com arquitetura de micro frontend.

## 🔥 Recursos

O Rsbuild tem os seguintes recursos:

- **Fácil de Configurar**: Um dos objetivos do Rsbuild é fornecer recursos de compilação prontos para uso para os usuários do Rspack, permitindo que os desenvolvedores iniciem um projeto da Web com configuração zero. Além disso, o Rsbuild fornece configuração de compilação semântica para reduzir a curva de aprendizado da configuração do Rspack.

- **Orientado para o desempenho**: Rsbuild integra ferramentas de alto desempenho baseadas em Rust da comunidade, incluindo [Rspack](https://rspack.dev), [SWC](https://swc.rs/) e [Lightning CSS](https://lightningcss.dev/), para oferecer velocidade de compilação e experiência de desenvolvimento de primeira classe.
- **Orientado para o desempenho**: Rsbuild integra ferramentas de alto desempenho baseadas em Rust da comunidade, incluindo [Rspack](https://rspack.rs), [SWC](https://swc.rs/) e [Lightning CSS](https://lightningcss.dev/), para oferecer velocidade de compilação e experiência de desenvolvimento de primeira classe.

- **Ecossistema de plug-ins**: Rsbuild tem um sistema de plug-ins leve e inclui uma variedade de plug-ins oficiais de alta qualidade. Além disso, o Rsbuild é compatível com a maioria dos plug-ins do webpack e todos os plug-ins do Rspack, permitindo que os usuários aproveitem os plug-ins existentes da comunidade ou internos no Rsbuild sem a necessidade de reescrever o código.

Expand All @@ -66,7 +66,7 @@ O Rsbuild tem os seguintes recursos:

## 📚 Primeiros passos

Para começar a usar o Rsbuild, consulte a seção [Início Rápido](https://rsbuild.dev/guide/start/quick-start).
Para começar a usar o Rsbuild, consulte a seção [Início Rápido](https://rsbuild.rs/guide/start/quick-start).

## 🦀 Rstack

Expand Down
20 changes: 10 additions & 10 deletions README.zh-CN.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<picture>
<img alt="Rsbuild Banner" src="https://assets.rspack.dev/rsbuild/rsbuild-banner.png">
<img alt="Rsbuild Banner" src="https://assets.rspack.rs/rsbuild/rsbuild-banner.png">
</picture>

# Rsbuild
Expand All @@ -14,49 +14,49 @@

[English](./README.md) | [Portuguese](./README.pt-BR.md) | 简体中文

Rsbuild 是由 [Rspack](https://rspack.dev/) 驱动的高性能构建工具,它默认包含了一套精心设计的构建配置,提供开箱即用的开发体验,并能够充分发挥出 Rspack 的性能优势。
Rsbuild 是由 [Rspack](https://rspack.rs/) 驱动的高性能构建工具,它默认包含了一套精心设计的构建配置,提供开箱即用的开发体验,并能够充分发挥出 Rspack 的性能优势。

Rsbuild 提供 [丰富的构建功能](https://rsbuild.dev/zh/guide/start/features),包括编译 TypeScript,JSX,Sass,Less,CSS Modules,Wasm,以及其他资源,也支持模块联邦、图片压缩、类型检查、PostCSS,Lightning CSS 等功能。
Rsbuild 提供 [丰富的构建功能](https://rsbuild.rs/zh/guide/start/features),包括编译 TypeScript,JSX,Sass,Less,CSS Modules,Wasm,以及其他资源,也支持模块联邦、图片压缩、类型检查、PostCSS,Lightning CSS 等功能。

## 🚀 性能

基于 Rspack 的 Rust 架构,Rsbuild 能够提供极致的构建性能,为你带来全新的开发体验。

⚡️ **构建 1000 个 React 组件:**

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

> 📊 Benchmark 结果来自 [build-tools-performance](https://github.com/rspack-contrib/build-tools-performance)。

## 💡 对比其他工具

Rsbuild 是与 [Vite](https://vitejs.dev/)、[Create React App](https://github.com/facebook/create-react-app) 或 [Vue CLI](https://github.com/vuejs/vue-cli) 相似的构建工具,它们都默认包含了开发服务器、命令行工具和合理的构建配置,以此来提供开箱即用的体验。

![](https://assets.rspack.dev/rsbuild/assets/rsbuild-1-0-build-tools.png)
![](https://assets.rspack.rs/rsbuild/assets/rsbuild-1-0-build-tools.png)

### CRA / Vue CLI

你可以将 Rsbuild 理解为一个现代化的 Create React App 或 Vue CLI,它与这些工具的主要区别在于:

- 底层的打包工具由 webpack 替换为 Rspack,提供 5 ~ 10 倍的构建性能。
- 与前端 UI 框架解耦,并通过 [插件](https://rsbuild.dev/zh/plugins/list/) 来支持所有 UI 框架,包括 React、Vue、Svelte、Solid 等。
- 提供更好的扩展性,你可以通过 [配置](https://rsbuild.dev/zh/config/)、[插件 API](https://rsbuild.dev/zh/plugins/dev/) 和 [JavaScript API](https://rsbuild.dev/zh/api/start/) 来灵活地扩展 Rsbuild。
- 与前端 UI 框架解耦,并通过 [插件](https://rsbuild.rs/zh/plugins/list/) 来支持所有 UI 框架,包括 React、Vue、Svelte、Solid 等。
- 提供更好的扩展性,你可以通过 [配置](https://rsbuild.rs/zh/config/)、[插件 API](https://rsbuild.rs/zh/plugins/dev/) 和 [JavaScript API](https://rsbuild.rs/zh/api/start/) 来灵活地扩展 Rsbuild。

### Vite

Rsbuild 与 Vite 有许多相似之处,它们皆致力于提升前端的开发体验。其主要区别在于:

- **生态兼容性**:Rsbuild 兼容大部分的 webpack 插件和所有 Rspack 插件,而 Vite 则是兼容 Rollup 插件。如果你目前更多地使用了 webpack 生态的插件和 loaders,那么迁移到 Rsbuild 是相对容易的。
- **生产一致性**:Rsbuild 在开发阶段和生产构建均使用 Rspack 进行打包,因此开发和生产构建的产物具备较强的一致性,这也是 Vite 通过 Rolldown 想要实现的目标之一。
- **模块联邦**:Rsbuild 团队与 [Module Federation](https://rsbuild.dev/zh/guide/advanced/module-federation) 的开发团队密切合作,并为 Module Federation 提供一流的支持,帮助你开发微前端架构的大型 Web 应用。
- **模块联邦**:Rsbuild 团队与 [Module Federation](https://rsbuild.rs/zh/guide/advanced/module-federation) 的开发团队密切合作,并为 Module Federation 提供一流的支持,帮助你开发微前端架构的大型 Web 应用。

## 🔥 特性

Rsbuild 具备以下特性:

- **易于配置**:Rsbuild 的目标之一,是为 Rspack 用户提供开箱即用的构建能力,使开发者能够在零配置的情况下开发 web 项目。同时,Rsbuild 提供一套语义化的构建配置,以降低 Rspack 配置的学习成本。

- **性能优先**:Rsbuild 集成了社区中基于 Rust 的高性能工具,包括 [Rspack](https://rspack.dev),[SWC](https://swc.rs/) 和 [Lightning CSS](https://lightningcss.dev/),以提供一流的构建速度和开发体验。
- **性能优先**:Rsbuild 集成了社区中基于 Rust 的高性能工具,包括 [Rspack](https://rspack.rs),[SWC](https://swc.rs/) 和 [Lightning CSS](https://lightningcss.dev/),以提供一流的构建速度和开发体验。

- **插件生态**:Rsbuild 内置一个轻量级的插件系统,提供一系列高质量的官方插件。此外,Rsbuild 兼容大部分的 webpack 插件和所有的 Rspack 插件,这意味着你可以在 Rsbuild 中使用社区或公司内沉淀的现有插件,而无须重写相关代码。

Expand All @@ -66,7 +66,7 @@ Rsbuild 具备以下特性:

## 📚 快速上手

你可以参考 [快速上手](https://rsbuild.dev/zh/guide/start/quick-start) 来开始体验 Rsbuild。
你可以参考 [快速上手](https://rsbuild.rs/zh/guide/start/quick-start) 来开始体验 Rsbuild。

## 🦀 Rstack

Expand Down
2 changes: 1 addition & 1 deletion packages/compat/plugin-webpack-swc/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ An Rsbuild plugin to use SWC as the JavaScript compiler with `@rsbuild/webpack`.

## Documentation

See [Documentation](https://rsbuild.dev).
See [Documentation](https://rsbuild.rs).

## License

Expand Down
2 changes: 1 addition & 1 deletion packages/compat/webpack/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ export default defineConfig({

## Documentation

See [Documentation](https://rsbuild.dev).
See [Documentation](https://rsbuild.rs).

## License

Expand Down
2 changes: 1 addition & 1 deletion packages/compat/webpack/package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "@rsbuild/webpack",
"version": "1.3.2",
"homepage": "https://rsbuild.dev",
"homepage": "https://rsbuild.rs",
"repository": {
"type": "git",
"url": "https://github.com/web-infra-dev/rsbuild",
Expand Down
4 changes: 2 additions & 2 deletions packages/core/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<p align="center">
<a href="https://rsbuild.dev" target="blank"><img src="https://assets.rspack.dev/rsbuild/rsbuild-banner.png" alt="Rsbuild Logo" /></a>
<a href="https://rsbuild.rs" target="blank"><img src="https://assets.rspack.rs/rsbuild/rsbuild-banner.png" alt="Rsbuild Logo" /></a>
</p>

# @rsbuild/core
Expand All @@ -16,7 +16,7 @@ The Rspack-based build tool. It's fast, out-of-the-box and extensible.

## Documentation

See [Documentation](https://rsbuild.dev/).
See [Documentation](https://rsbuild.rs/).

## Contributing

Expand Down
2 changes: 1 addition & 1 deletion packages/core/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
"name": "@rsbuild/core",
"version": "1.3.22",
"description": "The Rspack-based build tool.",
"homepage": "https://rsbuild.dev",
"homepage": "https://rsbuild.rs",
"bugs": {
"url": "https://github.com/web-infra-dev/rsbuild/issues"
},
Expand Down
2 changes: 1 addition & 1 deletion packages/core/src/client/hmr.ts
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ function tryApplyUpdates() {
return;
}

// https://rspack.dev/api/runtime-api/module-variables#importmetawebpackhot
// https://rspack.rs/api/runtime-api/module-variables#importmetawebpackhot
import.meta.webpackHot.check(true).then(
(updatedModules) => handleApplyUpdates(null, updatedModules),
(err) => handleApplyUpdates(err, null),
Expand Down
2 changes: 1 addition & 1 deletion packages/core/src/plugins/nonce.ts
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export const pluginNonce = (): RsbuildPlugin => ({
}

// apply __webpack_nonce__
// https://rspack.dev/api/runtime-api/module-variables#__webpack_nonce__
// https://rspack.rs/api/runtime-api/module-variables#__webpack_nonce__
const injectCode = createVirtualModule(
`__webpack_nonce__ = "${nonce}";`,
);
Expand Down
Loading
Loading