rsbuild
v1.1.2
Englisch | Portugiesisch | 简体中文
Rsbuild ist ein leistungsstarkes Build-Tool, das von Rspack unterstützt wird. Es bietet eine Reihe durchdachter Standard-Build-Konfigurationen, die ein sofort einsatzbereites Entwicklungserlebnis ermöglichen und die Leistungsvorteile von Rspack voll ausschöpfen können.
Rsbuild bietet umfangreiche Build-Funktionen, einschließlich der Kompilierung von TypeScript, JSX, Sass, Less, CSS-Modulen, Wasm und anderen. Es unterstützt außerdem Module Federation, Bildkomprimierung, Typprüfung, PostCSS, Lightning CSS und mehr.
Rsbuild ist ein Build-Tool, das Vite, Create React App oder Vue CLI ebenbürtig ist. Sie alle verfügen über integrierte Entwicklungsserver, Befehlszeilentools und sinnvolle Build-Konfigurationen, um ein sofort einsatzbereites Erlebnis zu bieten.
Sie können sich Rsbuild als eine modernisierte Version von Create React App oder Vue CLI vorstellen, mit diesen Hauptunterschieden:
Der zugrunde liegende Bundler wird von Webpack auf Rspack umgestellt, was eine 5- bis 10-fache Build-Leistung bietet.
Es ist von Frontend-UI-Frameworks entkoppelt und unterstützt alle UI-Frameworks über Plugins, einschließlich React, Vue, Svelte, Solid usw.
Es bietet eine bessere Erweiterbarkeit. Sie können Rsbuild flexibel über Konfigurationen, Plugin-API und JavaScript-API erweitern.
Rsbuild hat viele Ähnlichkeiten mit Vite, da beide darauf abzielen, die Frontend-Entwicklungserfahrung zu verbessern. Die Hauptunterschiede sind:
Ökosystemkompatibilität : Rsbuild ist mit den meisten Webpack-Plugins und allen Rspack-Plugins kompatibel, während Vite mit Rollup-Plugins kompatibel ist. Wenn Sie derzeit mehr Plugins und Loader aus dem Webpack-Ökosystem verwenden, wäre die Migration zu Rsbuild relativ einfach.
Produktionskonsistenz : Rsbuild verwendet Rspack zur Bündelung sowohl während der Entwicklungs- als auch der Produktionsbuilds und gewährleistet so ein hohes Maß an Konsistenz zwischen den Entwicklungs- und Produktionsausgaben. Dies ist auch eines der Ziele, die Vite mit Rolldown erreichen möchte.
Module Federation : Das Rsbuild-Team arbeitet eng mit dem Module Federation-Entwicklungsteam zusammen und bietet erstklassigen Support für Module Federation, um Sie bei der Entwicklung großer Webanwendungen mit Micro-Frontend-Architektur zu unterstützen.
Rsbuild kann die Build-Leistung von Rspack voll ausnutzen. Hier ist die Zeit, die zum Erstellen von 1000 React-Komponenten benötigt wurde:
Die oben genannten Daten stammen aus dem Leistungsvergleichs-Benchmark.
Rsbuild verfügt über die folgenden Funktionen:
Einfach zu konfigurieren : Eines der Ziele von Rsbuild besteht darin, Rspack-Benutzern sofort einsatzbereite Build-Funktionen bereitzustellen, die es Entwicklern ermöglichen, ein Webprojekt ohne Konfiguration zu starten. Darüber hinaus bietet Rsbuild eine semantische Build-Konfiguration, um die Lernkurve für die Rspack-Konfiguration zu reduzieren.
Leistungsorientiert : Rsbuild integriert leistungsstarke Rust-basierte Tools aus der Community, darunter Rspack, SWC und Lightning CSS, um erstklassige Build-Geschwindigkeit und Entwicklungserfahrung zu bieten.
Plugin-Ökosystem : Rsbuild verfügt über ein schlankes Plugin-System und enthält eine Reihe hochwertiger offizieller Plugins. Darüber hinaus ist Rsbuild mit den meisten Webpack-Plugins und allen Rspack-Plugins kompatibel, sodass Benutzer vorhandene Community- oder interne Plugins in Rsbuild nutzen können, ohne Code neu schreiben zu müssen.
Stabile Artefakte : Rsbuild wurde mit einem starken Fokus auf die Stabilität von Build-Artefakten entwickelt. Es gewährleistet eine hohe Konsistenz zwischen Artefakten in den Entwicklungs- und Produktions-Builds und führt automatisch die Syntax-Herabstufung und Polyfill-Injektion durch. Rsbuild bietet außerdem Plugins zur Typprüfung und Artefaktsyntaxvalidierung, um Qualitäts- und Kompatibilitätsprobleme im Produktionscode zu verhindern.
Framework-unabhängig : Rsbuild ist nicht mit einem Front-End-UI-Framework gekoppelt. Es unterstützt Frameworks wie React, Vue, Svelte, Solid und Preact über Plugins und plant, in Zukunft weitere UI-Frameworks aus der Community zu unterstützen.
Rsbuild bietet eine JavaScript-API und eine Plugin-API für übergeordnete Frameworks und Tools. Beispielsweise haben wir Rspress und Rslib auf Basis von Rsbuild implementiert und dabei dessen Fähigkeiten und Ökosystem voll ausgenutzt.
Das folgende Diagramm veranschaulicht die Beziehung zwischen Rsbuild und anderen Tools im Ökosystem:
Informationen zu den ersten Schritten mit Rsbuild finden Sie im Quick Start.
Rspack: Ein schneller Rust-basierter Web-Bundler.
Rspress: Ein schneller statischer Site-Generator basierend auf Rsbuild.
Rsdoctor: Ein One-Stop-Build-Analysator für Rspack und Webpack.
Rslib: Das von Rsbuild unterstützte Bibliothekserstellungstool.
Modern.js: Ein progressives React-Framework basierend auf Rsbuild.
awesome-rspack: Eine kuratierte Liste toller Dinge im Zusammenhang mit Rspack und Rsbuild.
rspack-examples: Beispiele für Rspack, Rsbuild, Rspress und Rsdoctor.
storybook-rsbuild: Storybook Builder, unterstützt von Rsbuild.
rsbuild-plugin-template: Verwenden Sie diese Vorlage, um Ihr eigenes Rsbuild-Plugin zu erstellen.
rstack-design-resources: Designressourcen für Rspack, Rsbuild, Rspress und Rsdoctor.
Neue Mitwirkende willkommen!
Bitte lesen Sie den Beitragsleitfaden.
Dieses Repo hat den ByteDance Open Source Verhaltenskodex übernommen. Weitere Einzelheiten finden Sie im Verhaltenskodex.
Kommen Sie und chatten Sie mit uns auf Discord! Das Rspack/Rsbuild-Team und die Benutzer sind dort aktiv und wir sind immer auf der Suche nach Beiträgen.
Rsbuild nutzt Web Infra QoS, um den Trend wichtiger Kennzahlen wie Bundle-Größe, Kompilierungsgeschwindigkeit und Installationsgröße zu beobachten.
Einige der Implementierungen von Rsbuild wurden von herausragenden Projekten in der Community inspiriert. Wir möchten ihnen unseren Dank aussprechen:
Auf die Implementierung einiger Plugins wird von create-react-app verwiesen.
Auf einige Dienstprogrammfunktionen wird über das HTML-Webpack-Plugin verwiesen.
Auf das Design einiger APIs wird von vite verwiesen.
Diese Rsbuild-Website wird von Netlify betrieben.
Rsbuild ist unter der MIT-Lizenz lizenziert.
