rsbuild
v1.1.2
Anglais | Portugais | 简体中文
Rsbuild est un outil de build hautes performances optimisé par Rspack. Il fournit un ensemble de configurations de construction par défaut soigneusement conçues, offrant une expérience de développement prête à l'emploi et pouvant pleinement exploiter les avantages en termes de performances de Rspack.
Rsbuild fournit de riches fonctionnalités de construction, notamment la compilation de TypeScript, JSX, Sass, Less, CSS Modules, Wasm et autres. Il prend également en charge la fédération de modules, la compression d'images, la vérification de type, PostCSS, Lightning CSS, etc.
Rsbuild est un outil de construction comparable à Vite, Create React App ou Vue CLI. Ils sont tous livrés avec des serveurs de développement intégrés, des outils de ligne de commande et des configurations de construction judicieuses pour offrir une expérience prête à l'emploi.
Vous pouvez considérer Rsbuild comme une version modernisée de Create React App ou Vue CLI, avec ces principales différences :
Le bundler sous-jacent passe de Webpack à Rspack, offrant 5 à 10 fois les performances de construction.
Il est découplé des frameworks d'interface utilisateur frontend et prend en charge tous les frameworks d'interface utilisateur via des plugins, notamment React, Vue, Svelte, Solid, etc.
Il offre une meilleure extensibilité. Vous pouvez étendre Rsbuild de manière flexible via les configurations, l'API du plugin et l'API JavaScript.
Rsbuild partage de nombreuses similitudes avec Vite, car ils visent tous deux à améliorer l'expérience de développement front-end. Les principales différences sont :
Compatibilité de l'écosystème : Rsbuild est compatible avec la plupart des plugins webpack et tous les plugins Rspack, tandis que Vite est compatible avec les plugins Rollup. Si vous utilisez actuellement davantage de plugins et de chargeurs de l'écosystème webpack, la migration vers Rsbuild serait relativement simple.
Cohérence de la production : Rsbuild utilise Rspack pour le regroupement pendant les versions de développement et de production, garantissant ainsi un haut niveau de cohérence entre les résultats de développement et de production. C'est également l'un des objectifs que Vite vise à atteindre avec Rolldown.
Fédération de modules : L'équipe Rsbuild travaille en étroite collaboration avec l'équipe de développement de Module Federation, fournissant un support de premier ordre pour Module Federation pour vous aider à développer de grandes applications Web avec une architecture micro frontend.
Rsbuild peut exploiter pleinement les performances de build de Rspack. Voici le temps nécessaire pour créer 1000 composants React :
Les données ci-dessus proviennent du benchmark de comparaison des performances.
Rsbuild a les fonctionnalités suivantes :
Facile à configurer : l'un des objectifs de Rsbuild est de fournir des fonctionnalités de construction prêtes à l'emploi aux utilisateurs de Rspack, permettant aux développeurs de démarrer un projet Web sans configuration. De plus, Rsbuild fournit une configuration de construction sémantique pour réduire la courbe d'apprentissage de la configuration de Rspack.
Orienté performances : Rsbuild intègre des outils hautes performances basés sur Rust de la communauté, notamment Rspack, SWC et Lightning CSS, pour offrir une vitesse de construction et une expérience de développement de première classe.
Écosystème de plugins : Rsbuild dispose d'un système de plugins léger et comprend une gamme de plugins officiels de haute qualité. De plus, Rsbuild est compatible avec la plupart des plugins webpack et tous les plugins Rspack, permettant aux utilisateurs d'exploiter les plugins communautaires ou internes existants dans Rsbuild sans avoir besoin de réécrire le code.
Artefacts stables : Rsbuild est conçu en mettant fortement l'accent sur la stabilité des artefacts de construction. Il garantit une cohérence élevée entre les artefacts dans les versions de développement et de production, et effectue automatiquement la rétrogradation de la syntaxe et l'injection de polyfill. Rsbuild fournit également des plugins pour la vérification de type et la validation de la syntaxe des artefacts afin d'éviter les problèmes de qualité et de compatibilité dans le code de production.
Agnostique du framework : Rsbuild n'est couplé à aucun framework d'interface utilisateur front-end. Il prend en charge des frameworks tels que React, Vue, Svelte, Solid et Preact via des plugins et prévoit de prendre en charge davantage de frameworks d'interface utilisateur de la communauté à l'avenir.
Rsbuild fournit une API JavaScript et une API de plugin pour les frameworks et outils de niveau supérieur. Par exemple, nous avons implémenté Rspress et Rslib basés sur Rsbuild, tirant pleinement parti de ses capacités et de son écosystème.
Le diagramme suivant illustre la relation entre Rsbuild et d'autres outils de l'écosystème :
Pour démarrer avec Rsbuild, consultez le Démarrage rapide.
Rspack : un bundler Web rapide basé sur Rust.
Rspress : Un générateur de site statique rapide basé sur Rsbuild.
Rsdoctor : un analyseur de build unique pour Rspack et webpack.
Rslib : L'outil de création de bibliothèque optimisé par Rsbuild.
Modern.js : Un framework React progressif basé sur Rsbuild.
Awesome-rspack : une liste organisée de choses géniales liées à Rspack et Rsbuild.
rspack-examples : Exemples pour Rspack, Rsbuild, Rspress et Rsdoctor.
storybook-rsbuild : Générateur de livres d'histoires alimenté par Rsbuild.
rsbuild-plugin-template：Utilisez ce modèle pour créer votre propre plugin Rsbuild.
rstack-design-resources：Concevez des ressources pour Rspack, Rsbuild, Rspress et Rsdoctor.
Nouveaux contributeurs bienvenus !
Veuillez lire le Guide de contribution.
Ce dépôt a adopté le code de conduite Open Source de ByteDance. Veuillez consulter le Code de conduite pour plus de détails.
Venez discuter avec nous sur Discord ! L'équipe et les utilisateurs Rspack / Rsbuild y sont actifs, et nous sommes toujours à la recherche de contributions.
Rsbuild utilise Web Infra QoS pour observer la tendance des indicateurs clés, tels que la taille du bundle, la vitesse de compilation et la taille de l'installation.
Certaines des implémentations de Rsbuild se sont inspirées de projets exceptionnels dans la communauté. Nous tenons à leur exprimer notre gratitude :
L'implémentation de certains plugins est référencée depuis create-react-app.
Certaines fonctions utilitaires sont référencées depuis html-webpack-plugin.
La conception de certaines API est référencée depuis vite.
Ce site Web Rsbuild est alimenté par Netlify.
Rsbuild est sous licence MIT.
