rsbuild

Rsbuild

Inglês | Português | 简体中文

Rsbuild é uma ferramenta de construção de alto desempenho desenvolvida pela 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 fornece recursos de construção avançados, incluindo a compilação de TypeScript, JSX, Sass, Less, CSS Modules, Wasm e outros. Ele também suporta Federação de Módulos, compactação de imagem, verificação de tipo, PostCSS, Lightning CSS e muito mais.

Comparações

Rsbuild é uma ferramenta de construção comparável ao Vite, Create React App ou Vue CLI. Todos eles vêm com servidores de desenvolvimento integrados, ferramentas de linha de comando e configurações de construção sensatas para fornecer uma experiência pronta para uso.

CRA/Vue CLI

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

• O bundler subjacente é alterado de Webpack para Rspack, fornecendo de 5 a 10 vezes o desempenho de compilação.

• Ele é desacoplado das estruturas de UI frontend e oferece suporte a todas as estruturas de UI por meio de plug-ins, incluindo React, Vue, Svelte, Solid, etc.

• Oferece melhor extensibilidade. Você pode estender o Rsbuild de maneira flexível por meio de configurações, API de plug-in e API JavaScript.

Vite

O Rsbuild compartilha muitas semelhanças com o Vite, pois ambos visam melhorar a experiência de desenvolvimento frontend. As principais diferenças são:

• Compatibilidade do ecossistema : Rsbuild é compatível com a maioria dos plugins webpack e todos os plugins Rspack, enquanto Vite é compatível com plugins Rollup. Se você estiver usando atualmente mais plug-ins e carregadores do ecossistema webpack, migrar para o Rsbuild seria relativamente fácil.

• Consistência de produção : Rsbuild usa Rspack para agrupamento 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. Este também é um dos objetivos que a Vite pretende alcançar com o Rolldown.

• Federação de Módulos : A equipe Rsbuild trabalha em estreita colaboração com a equipe de desenvolvimento da Federação de Módulos, fornecendo suporte de primeira classe para Federação de Módulos para ajudá-lo a desenvolver grandes aplicativos da web com arquitetura micro frontend.

Desempenho

O Rsbuild pode aproveitar totalmente o desempenho de construção do Rspack. Aqui está o tempo necessário para construir 1000 componentes React:

Os dados acima vêm do benchmark de comparação de desempenho.

Características

Rsbuild possui os seguintes recursos:

• Fácil de configurar : um dos objetivos do Rsbuild é fornecer recursos de construção prontos para uso para usuários do Rspack, permitindo que os desenvolvedores iniciem um projeto web sem configuração. 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 desempenho : Rsbuild integra ferramentas de alto desempenho baseadas em Rust da comunidade, incluindo Rspack, SWC e Lightning CSS, para oferecer velocidade de construção e experiência de desenvolvimento de primeira classe.

• Ecossistema de plug-ins : Rsbuild possui 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 aos usuários aproveitar a comunidade existente ou plug-ins internos no Rsbuild sem a necessidade de reescrever o código.

• Artefatos estáveis : o Rsbuild foi projetado com um forte foco na estabilidade dos artefatos de construção. Ele garante alta consistência entre artefatos nas compilações de desenvolvimento e produção e conclui automaticamente o downgrade de sintaxe e a injeção de polyfill. Rsbuild também fornece plug-ins para verificação de tipo e validação de sintaxe de artefato para evitar problemas de qualidade e compatibilidade no código de produção.

• Agnóstico de estrutura : Rsbuild não está acoplado a nenhuma estrutura de UI front-end. 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 UI da comunidade no futuro.

Ecossistema

Rsbuild fornece API JavaScript e API de plugin para estruturas e ferramentas de nível superior. Por exemplo, implementamos Rspress e Rslib baseados em Rsbuild, aproveitando ao máximo suas capacidades e ecossistema.

O diagrama a seguir ilustra a relação entre o Rsbuild e outras ferramentas do ecossistema:

Começando

Para começar a usar o Rsbuild, consulte o Início rápido.

Ligações

• Rspack: Um empacotador web rápido baseado em Rust.

• Rspress: Um gerador rápido de sites estáticos baseado em Rsbuild.

• Rsdoctor: Um analisador de compilação completo para Rspack e webpack.

• Rslib: A ferramenta de construção de biblioteca desenvolvida por Rsbuild.

• Modern.js: uma estrutura React progressiva baseada em Rsbuild.

• impressionante-rspack: Uma lista com curadoria de coisas incríveis relacionadas ao Rspack e Rsbuild.

• Exemplos de rspack: Exemplos para Rspack, Rsbuild, Rspress e Rsdoctor.

• storybook-rsbuild: Construtor de storybook desenvolvido por Rsbuild.

• rsbuild-plugin-template：Use este modelo para criar seu próprio plugin Rsbuild.

• rstack-design-resources：Recursos de design para Rspack, Rsbuild, Rspress e Rsdoctor.

Contribuição

Novos contribuidores são bem-vindos!

Por favor, leia o Guia de Contribuição.

Código de Conduta

Este repositório adotou o Código de Conduta de Código Aberto da ByteDance. Por favor, verifique o Código de Conduta para obter mais detalhes.

Comunidade

Venha conversar conosco no Discord! A equipe e os usuários do Rspack/Rsbuild estão ativos lá e estamos sempre em busca de contribuições.

Qualidade

Rsbuild usa Web Infra QoS para observar a tendência das principais métricas, como tamanho do pacote, velocidade de compilação e tamanho de instalação.

Créditos

Algumas das implementações do Rsbuild foram inspiradas em projetos de destaque na comunidade. Gostaríamos de expressar nossa gratidão a eles:

• A implementação de alguns plugins é referenciada em create-react-app.

• Algumas funções utilitárias são referenciadas em html-webpack-plugin.

• O design de algumas APIs é referenciado no vite.

Este site Rsbuild é desenvolvido pela Netlify.

Licença

Rsbuild é licenciado sob a licença MIT.