rsbuild
v1.1.2
英語 |ポルトガル語 | 简体中文
Rsbuild は、Rspack を利用した高性能ビルド ツールです。これは、思慮深く設計された一連のデフォルトのビルド構成を提供し、すぐに使える開発エクスペリエンスを提供し、Rspack のパフォーマンス上の利点を最大限に引き出すことができます。
Rsbuild は、TypeScript、JSX、Sass、Less、CSS モジュール、Wasm などのコンパイルを含む豊富なビルド機能を提供します。また、モジュールフェデレーション、画像圧縮、型チェック、PostCSS、Lightning CSS などもサポートしています。
Rsbuild は、Vite、Create React App、または Vue CLI と同等のビルド ツールです。これらにはすべて、組み込みの開発サーバー、コマンド ライン ツール、およびすぐに使えるエクスペリエンスを提供する賢明なビルド構成が付属しています。
Rsbuild は Create React App または Vue CLI の最新版と考えることができますが、主な違いは次のとおりです。
基盤となるバンドラーが Webpack から Rspack に切り替えられ、ビルド パフォーマンスが 5 ～ 10 倍向上しました。
フロントエンド UI フレームワークから切り離されており、React、Vue、Svelte、Solid などを含むすべての UI フレームワークをプラグイン経由でサポートします。
より優れた拡張性を提供します。 Rsbuild は、構成、プラグイン API、JavaScript API を介して柔軟に拡張できます。
Rsbuild は Vite と多くの類似点を共有しており、どちらもフロントエンド開発エクスペリエンスを向上させることを目的としています。主な違いは次のとおりです。
エコシステムの互換性: Rsbuild はほとんどの Webpack プラグインおよびすべての Rspack プラグインと互換性があり、Vite は Rollup プラグインと互換性があります。現在、webpack エコシステムのさらに多くのプラグインとローダーを使用している場合、Rsbuild への移行は比較的簡単です。
実稼働の一貫性: Rsbuild は、開発ビルドと実稼働ビルドの両方でバンドルに Rspack を使用するため、開発出力と実稼働出力の間の高レベルの一貫性が保証されます。これは Vite が Rolldown で達成しようとしている目標の 1 つでもあります。
モジュール フェデレーション: Rsbuild チームはモジュール フェデレーション開発チームと緊密に連携し、マイクロ フロントエンド アーキテクチャを備えた大規模な Web アプリケーションの開発を支援するモジュール フェデレーションに対する最上級のサポートを提供します。
Rsbuild は、Rspack のビルド パフォーマンスを最大限に活用できます。 1000 個の React コンポーネントをビルドするのにかかる時間は次のとおりです。
上記のデータは、パフォーマンス比較ベンチマークから取得したものです。
Rsbuild には次の機能があります。
構成が簡単: Rsbuild の目標の 1 つは、Rspack ユーザーにすぐに使えるビルド機能を提供し、開発者が構成なしで Web プロジェクトを開始できるようにすることです。さらに、Rsbuild は、Rspack 構成の学習曲線を短縮するためのセマンティック ビルド構成を提供します。
パフォーマンス指向: Rsbuild は、Rspack、SWC、Lightning CSS などのコミュニティの高性能 Rust ベースのツールを統合し、ファーストクラスのビルド速度と開発エクスペリエンスを提供します。
プラグイン エコシステム: Rsbuild には軽量のプラグイン システムがあり、さまざまな高品質の公式プラグインが含まれています。さらに、Rsbuild はほとんどの webpack プラグインおよびすべての Rspack プラグインと互換性があるため、ユーザーはコードを書き直すことなく、Rsbuild の既存のコミュニティまたは社内プラグインを活用できます。
安定したアーティファクト: Rsbuild は、ビルド アーティファクトの安定性に重点を置いて設計されています。これにより、開発ビルドと本番ビルドのアーティファクト間の高い一貫性が確保され、構文のダウングレードとポリフィルの注入が自動的に完了します。 Rsbuild は、実稼働コードでの品質と互換性の問題を防ぐための型チェックとアーティファクト構文検証用のプラグインも提供します。
フレームワークに依存しない: Rsbuild は、フロントエンド UI フレームワークと連携していません。プラグインを通じて React、Vue、Svelte、Solid、Preact などのフレームワークをサポートしており、将来的にはコミュニティからさらに多くの UI フレームワークをサポートする予定です。
Rsbuild は、より高レベルのフレームワークとツール用の JavaScript API とプラグイン API を提供します。たとえば、Rsbuild に基づいて Rspress と Rslib を実装し、その機能とエコシステムを最大限に活用しました。
次の図は、Rsbuild とエコシステム内の他のツールの関係を示しています。
Rsbuild の使用を開始するには、「クイック スタート」を参照してください。
Rspack: 高速な Rust ベースの Web バンドラー。
Rspress: Rsbuild に基づく高速静的サイト ジェネレーター。
Rsdoctor: Rspack および webpack 用のワンストップ ビルド アナライザー。
Rslib: Rsbuild を利用したライブラリ ビルド ツール。
Modern.js: Rsbuild に基づく進歩的な React フレームワーク。
awesome-rspack: Rspack と Rsbuild に関連する素晴らしいものの厳選されたリスト。
rspack-examples: Rspack、Rsbuild、Rspress、Rsdoctor の例。
storybook-rsbuild: Rsbuild を利用したストーリーブック ビルダー。
rsbuild-plugin-template：このテンプレートを使用して、独自の Rsbuild プラグインを作成します。
rstack-design-resources：Rspack、Rsbuild、Rspress、Rsdoctor の設計リソース。
新しい寄稿者を歓迎します!
貢献ガイドをお読みください。
このリポジトリは、ByteDance オープンソース行動規範を採用しています。詳細については、行動規範をご確認ください。
Discord でチャットしましょう!そこでは Rspack / Rsbuild チームとユーザーが活発に活動しており、常に貢献を求めています。
Rsbuild は Web インフラ QoS を使用して、バンドル サイズ、コンパイル速度、インストール サイズなどの主要な指標の傾向を観察します。
Rsbuild の実装の一部は、コミュニティの優れたプロジェクトからインスピレーションを得ています。私たちは彼らに感謝の意を表したいと思います。
一部のプラグインの実装は、create-react-app から参照されます。
一部のユーティリティ関数は html-webpack-plugin から参照されます。
一部の API の設計は vite から参照されています。
この Rsbuild Web サイトは Netlify によって提供されています。
Rsbuild は MIT ライセンスに基づいてライセンスされています。
