rsbuild
v1.1.2
Inglés | portugués | 简体中文
Rsbuild es una herramienta de compilación de alto rendimiento impulsada por Rspack. Proporciona un conjunto de configuraciones de compilación predeterminadas cuidadosamente diseñadas, que ofrecen una experiencia de desarrollo lista para usar y pueden aprovechar completamente las ventajas de rendimiento de Rspack.
Rsbuild proporciona funciones de compilación enriquecidas, incluida la compilación de TypeScript, JSX, Sass, Less, CSS Modules, Wasm y otros. También admite federación de módulos, compresión de imágenes, verificación de tipos, PostCSS, Lightning CSS y más.
Rsbuild es una herramienta de compilación que está a la par con Vite, Create React App o Vue CLI. Todos vienen con servidores de desarrollo integrados, herramientas de línea de comandos y configuraciones de compilación sensatas para brindar una experiencia lista para usar.
Puede pensar en Rsbuild como una versión modernizada de Create React App o Vue CLI, con estas diferencias principales:
El paquete subyacente se cambia de Webpack a Rspack, lo que proporciona de 5 a 10 veces más rendimiento de compilación.
Está desacoplado de los marcos de interfaz de usuario frontend y admite todos los marcos de interfaz de usuario a través de complementos, incluidos React, Vue, Svelte, Solid, etc.
Ofrece una mejor extensibilidad. Puede ampliar Rsbuild de manera flexible a través de Configuraciones, API de complementos y API de JavaScript.
Rsbuild comparte muchas similitudes con Vite, ya que ambos tienen como objetivo mejorar la experiencia de desarrollo frontend. Las principales diferencias son:
Compatibilidad del ecosistema : Rsbuild es compatible con la mayoría de los complementos de paquetes web y todos los complementos de Rspack, mientras que Vite es compatible con los complementos acumulativos. Si actualmente utiliza más complementos y cargadores del ecosistema de paquetes web, migrar a Rsbuild sería relativamente fácil.
Coherencia de producción : Rsbuild utiliza Rspack para agrupar durante el desarrollo y la producción, lo que garantiza un alto nivel de coherencia entre los resultados de desarrollo y producción. Este es también uno de los objetivos que Vite pretende lograr con Rolldown.
Federación de módulos : el equipo de Rsbuild trabaja en estrecha colaboración con el equipo de desarrollo de Module Federation y brinda soporte de primera clase para Module Federation para ayudarlo a desarrollar grandes aplicaciones web con arquitectura de micro frontend.
Rsbuild puede aprovechar al máximo el rendimiento de compilación de Rspack. Este es el tiempo necesario para construir 1000 componentes de React:
Los datos anteriores provienen del punto de referencia de comparación de rendimiento.
Rsbuild tiene las siguientes características:
Fácil de configurar : uno de los objetivos de Rsbuild es proporcionar capacidades de compilación listas para usar para los usuarios de Rspack, permitiendo a los desarrolladores iniciar un proyecto web sin configuración. Además, Rsbuild proporciona una configuración de compilación semántica para reducir la curva de aprendizaje de la configuración de Rspack.
Orientado al rendimiento : Rsbuild integra herramientas de alto rendimiento basadas en Rust de la comunidad, incluidos Rspack, SWC y Lightning CSS, para ofrecer una velocidad de compilación y una experiencia de desarrollo de primera clase.
Ecosistema de complementos : Rsbuild tiene un sistema de complementos liviano e incluye una variedad de complementos oficiales de alta calidad. Además, Rsbuild es compatible con la mayoría de los complementos de paquetes web y todos los complementos de Rspack, lo que permite a los usuarios aprovechar los complementos comunitarios o internos existentes en Rsbuild sin la necesidad de reescribir el código.
Artefactos estables : Rsbuild está diseñado con un fuerte enfoque en la estabilidad de los artefactos de construcción. Garantiza una alta coherencia entre los artefactos en las compilaciones de desarrollo y producción, y completa automáticamente la degradación de sintaxis y la inyección de polyfill. Rsbuild también proporciona complementos para verificación de tipos y validación de sintaxis de artefactos para evitar problemas de calidad y compatibilidad en el código de producción.
Independiente del marco : Rsbuild no está acoplado a ningún marco de interfaz de usuario. Admite marcos como React, Vue, Svelte, Solid y Preact a través de complementos, y planea admitir más marcos de UI de la comunidad en el futuro.
Rsbuild proporciona API de JavaScript y API de complementos para marcos y herramientas de nivel superior. Por ejemplo, hemos implementado Rspress y Rslib basados en Rsbuild, aprovechando al máximo sus capacidades y ecosistema.
El siguiente diagrama ilustra la relación entre Rsbuild y otras herramientas del ecosistema:
Para comenzar con Rsbuild, consulte el Inicio rápido.
Rspack: un paquete web rápido basado en Rust.
Rspress: un rápido generador de sitios estáticos basado en Rsbuild.
Rsdoctor: un analizador de compilación integral para Rspack y webpack.
Rslib: la herramienta de creación de bibliotecas impulsada por Rsbuild.
Modern.js: un marco React progresivo basado en Rsbuild.
awesome-rspack: una lista seleccionada de cosas increíbles relacionadas con Rspack y Rsbuild.
rspack-examples: Ejemplos de Rspack, Rsbuild, Rspress y Rsdoctor.
storybook-rsbuild: creador de libros de cuentos impulsado por Rsbuild.
rsbuild-plugin-template: utilice esta plantilla para crear su propio complemento Rsbuild.
rstack-design-resources: Recursos de diseño para Rspack, Rsbuild, Rspress y Rsdoctor.
¡Bienvenidos nuevos contribuyentes!
Lea la Guía de contribución.
Este repositorio ha adoptado el Código de conducta de código abierto de ByteDance. Consulte el Código de conducta para obtener más detalles.
¡Ven y charla con nosotros en Discord! El equipo y los usuarios de Rspack/Rsbuild están activos allí y siempre estamos buscando contribuciones.
Rsbuild utiliza Web Infra QoS para observar la tendencia de métricas clave, como el tamaño del paquete, la velocidad de compilación y el tamaño de la instalación.
Algunas de las implementaciones de Rsbuild se han inspirado en proyectos destacados de la comunidad. Nos gustaría expresarles nuestro agradecimiento:
Se hace referencia a la implementación de algunos complementos desde create-react-app.
Se hace referencia a algunas funciones de utilidad desde html-webpack-plugin.
Se hace referencia al diseño de algunas API en vite.
Este sitio web de Rsbuild funciona con Netlify.
Rsbuild tiene la licencia MIT.
