rsbuild

membangun

Bahasa Inggris | Portugis | 简体中文

Rsbuild adalah alat pembangunan berkinerja tinggi yang didukung oleh Rspack. Ini menyediakan serangkaian konfigurasi build default yang dirancang dengan cermat, menawarkan pengalaman pengembangan yang out-of-the-box dan dapat sepenuhnya mengeluarkan keunggulan kinerja Rspack.

Rsbuild menyediakan fitur build yang kaya, termasuk kompilasi TypeScript, JSX, Sass, Less, CSS Modules, Wasm, dan lainnya. Ini juga mendukung Federasi Modul, kompresi gambar, pemeriksaan tipe, PostCSS, Lightning CSS, dan banyak lagi.

Perbandingan

Rsbuild adalah alat pembangunan yang setara dengan Vite, Create React App, atau Vue CLI. Semuanya dilengkapi dengan server pengembang bawaan, alat baris perintah, dan konfigurasi build yang masuk akal untuk memberikan pengalaman unik.

CRA / Vue CLI

Anda dapat menganggap Rsbuild sebagai versi modern dari Create React App atau Vue CLI, dengan perbedaan utama berikut:

• Bundel yang mendasarinya dialihkan dari Webpack ke Rspack, memberikan kinerja build 5 hingga 10 kali lipat.

• Ini dipisahkan dari kerangka UI frontend dan mendukung semua kerangka UI melalui plugin, termasuk React, Vue, Svelte, Solid, dll.

• Ini menawarkan ekstensibilitas yang lebih baik. Anda dapat memperluas Rsbuild secara fleksibel melalui Konfigurasi, API Plugin, dan API JavaScript.

Vit

Rsbuild memiliki banyak kesamaan dengan Vite, karena keduanya bertujuan untuk meningkatkan pengalaman pengembangan frontend. Perbedaan utamanya adalah:

• Kompatibilitas ekosistem : Rsbuild kompatibel dengan sebagian besar plugin webpack dan semua plugin Rspack, sedangkan Vite kompatibel dengan plugin Rollup. Jika saat ini Anda menggunakan lebih banyak plugin dan loader dari ekosistem webpack, migrasi ke Rsbuild akan relatif mudah.

• Konsistensi produksi : Rsbuild menggunakan Rspack untuk bundling selama pengembangan dan pembuatan produksi, sehingga memastikan tingkat konsistensi yang tinggi antara pengembangan dan keluaran produksi. Ini juga merupakan salah satu tujuan yang ingin dicapai Vite dengan Rolldown.

• Federasi Modul : Tim Rsbuild bekerja sama dengan tim pengembangan Federasi Modul, memberikan dukungan kelas satu untuk Federasi Modul untuk membantu Anda mengembangkan aplikasi web besar dengan arsitektur mikro frontend.

Pertunjukan

Rsbuild dapat sepenuhnya memanfaatkan kinerja build Rspack. Berikut adalah waktu yang dibutuhkan untuk membangun 1000 komponen React:

Data di atas berasal dari tolok ukur perbandingan kinerja.

Fitur

Rsbuild memiliki beberapa fitur berikut:

• Mudah Dikonfigurasi : Salah satu tujuan Rsbuild adalah menyediakan kemampuan build out-of-the-box bagi pengguna Rspack, memungkinkan pengembang untuk memulai proyek web tanpa konfigurasi. Selain itu, Rsbuild menyediakan konfigurasi build semantik untuk mengurangi kurva pembelajaran untuk konfigurasi Rspack.

• Berorientasi Kinerja : Rsbuild mengintegrasikan alat berbasis Rust berkinerja tinggi dari komunitas, termasuk Rspack, SWC, dan Lightning CSS, untuk memberikan kecepatan build dan pengalaman pengembangan kelas satu.

• Ekosistem Plugin : Rsbuild memiliki sistem plugin yang ringan dan mencakup serangkaian plugin resmi berkualitas tinggi. Selain itu, Rsbuild kompatibel dengan sebagian besar plugin webpack dan semua plugin Rspack, memungkinkan pengguna untuk memanfaatkan komunitas yang ada atau plugin internal di Rsbuild tanpa perlu menulis ulang kode.

• Artefak Stabil : Rsbuild dirancang dengan fokus kuat pada stabilitas artefak bangunan. Ini memastikan konsistensi tinggi antara artefak dalam pengembangan dan produksi, dan secara otomatis menyelesaikan penurunan versi sintaksis dan injeksi polyfill. Rsbuild juga menyediakan plugin untuk pemeriksaan tipe dan validasi sintaks artefak untuk mencegah masalah kualitas dan kompatibilitas dalam kode produksi.

• Framework Agnostic : Rsbuild tidak digabungkan dengan kerangka UI front-end apa pun. Ini mendukung kerangka kerja seperti React, Vue, Svelte, Solid, dan Preact melalui plugin, dan berencana untuk mendukung lebih banyak kerangka UI dari komunitas di masa depan.

Ekosistem

Rsbuild menyediakan API JavaScript dan API plugin untuk kerangka kerja dan alat tingkat tinggi. Misalnya, kami telah mengimplementasikan Rspress dan Rslib berdasarkan Rsbuild, memanfaatkan sepenuhnya kemampuan dan ekosistemnya.

Diagram berikut menggambarkan hubungan antara Rsbuild dan alat lain dalam ekosistem:

Memulai

Untuk memulai dengan Rsbuild, lihat Mulai Cepat.

Tautan

• Rspack: Bundel web berbasis Rust yang cepat.

• Rspress: Generator situs statis cepat berdasarkan Rsbuild.

• Rsdoctor: Penganalisis build terpadu untuk Rspack dan webpack.

• Rslib: Alat pembuatan perpustakaan yang didukung oleh Rsbuild.

• Modern.js: Kerangka kerja React progresif berdasarkan Rsbuild.

• awesome-rspack: Daftar pilihan hal-hal mengagumkan yang terkait dengan Rspack dan Rsbuild.

• rspack-example: Contoh untuk Rspack, Rsbuild, Rspress dan Rsdoctor.

• storybook-rsbuild: Pembuat buku cerita yang didukung oleh Rsbuild.

• rsbuild-plugin-template：Gunakan templat ini untuk membuat plugin Rsbuild Anda sendiri.

• rstack-design-resources：Mendesain sumber daya untuk Rspack, Rsbuild, Rspress, dan Rsdoctor.

Kontribusi

Selamat datang kontributor baru!

Silakan baca Panduan Berkontribusi.

Kode Etik

Repo ini telah mengadopsi Kode Etik Sumber Terbuka ByteDance. Silakan periksa Kode Etik untuk rincian lebih lanjut.

Masyarakat

Datang dan ngobrol dengan kami di Discord! Tim dan pengguna Rspack / Rsbuild aktif di sana, dan kami selalu mencari kontribusi.

Kualitas

Rsbuild menggunakan Web Infra QoS untuk mengamati tren metrik utama, seperti ukuran bundel, kecepatan kompilasi, dan ukuran instalasi.

Kredit

Beberapa implementasi Rsbuild mendapat inspirasi dari proyek-proyek luar biasa di komunitas. Kami ingin mengucapkan terima kasih kepada mereka:

• Implementasi beberapa plugin direferensikan dari create-react-app.

• Beberapa fungsi utilitas direferensikan dari html-webpack-plugin.

• Desain beberapa API direferensikan dari vite.

Situs web Rsbuild ini didukung oleh Netlify.

Lisensi

Rsbuild dilisensikan di bawah Lisensi MIT.