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, 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.
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:
📊 Resultados do benchmark do build-tools-performance.
Rsbuild é uma ferramenta de build que está no mesmo patamar do Vite, Create React App, ou 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.
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, incluíndo React, Vue, Svelte, Solid, etc.
- Oferece melhor extensibilidade. Você pode extender o Rsbuild flexivelmente via Configurações, Plugin API, e JavaScript API.
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, fornecendo suporte de primeira classe para o Module Federation para ajudá-lo a desenvolver grandes aplicativos da Web com arquitetura de micro frontend.
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, SWC e Lightning CSS, 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.
-
Artefatos estáveis: O Rsbuild foi projetado com um grande foco na estabilidade dos artefatos de compilação. Ele garante alta consistência entre os artefatos nas compilações de desenvolvimento e produção e conclui automaticamente o downgrade de sintaxe e a injeção de polyfill. O Rsbuild também fornece plug-ins para verificação de tipos e validação de sintaxe de artefatos para evitar problemas de qualidade e compatibilidade no código de produção.
-
Framework Agnóstico: Rsbuild não está acoplado a nenhuma estrutura de interface do usuário de frontend. Ele oferece suporte a estruturas como React, Vue, Svelte, Solid e Preact por meio de plug-ins, e planeja oferecer suporte a mais estruturas de IU da comunidade no futuro.
Para começar a usar o Rsbuild, consulte a seção Início Rápido.
Rstack é uma cadeia de ferramentas JavaScript unificada construída em torno do Rspack, com alto desempenho e arquitetura consistente.
| Nome | Descrição | Versão |
|---|---|---|
| Rspack | Bundler |  |
| Rsbuild | Build tool | |
| Rslib | Library development tool |  |
| Rspress | Static site generator |  |
| Rsdoctor | Build analyzer |  |
| Rstest | Testing framework |  |
| Rslint | Linter |  |
- awesome-rstack: Uma lista com curadoria de coisas incríveis relacionadas ao Rspack e ao Rsbuild.
- rstack-examples: Exemplos demonstrando ferramentas do Rstack.
- storybook-rsbuild: Construtor de livros de histórias desenvolvido pelo Rsbuild.
- rsbuild-plugin-template：Use esse modelo para criar seu próprio plug-in do Rsbuild.
- rstack-design-resources：Recursos de design para Rstack.
Note
Nós valorizamos qualquer contribuição para o Rsbuild!
Por favor leia o Guia de Contribuição.
Este repositório adotou o código de conduta de código aberto da ByteDance. Por favor, verifique Código de Conduta para mais detalhes.
Venha e converse conosco no Discord! O time do Rstack e usuários são ativos lá, e estamos sempre buscando por contribuidores.
Rsbuild usa Web Infra QoS para observar a tendência das principais métricas, como tamanho do pacote, velocidade de compilação e tamanho da instalação.
O Rsbuild foi inspirado por vários projetos excepcionais da comunidade. Gostaríamos de reconhecer e expressar nossa sincera gratidão aos seguintes projetos:
- Várias implementações de plugins foram inspiradas pelo create-react-app
- Múltiplas funções utilitárias foram adaptadas do html-webpack-plugin
- Vários padrões de design de API foram influenciados pelo Vite
Agradecimentos especiais à Netlify por fornecer serviços de hospedagem para o site de documentação do Rsbuild.
Rsbuild é licensiado sob MIT License.