الإنجليزية | البرتغالية | 简体中文
Rsbuild هي أداة بناء عالية الأداء مدعومة من Rspack. فهو يوفر مجموعة من تكوينات البناء الافتراضية المصممة بعناية، مما يوفر تجربة تطوير خارج الصندوق ويمكنه إطلاق العنان لمزايا أداء Rspack بشكل كامل.
يوفر Rsbuild ميزات بناء غنية، بما في ذلك تجميع TypeScript وJSX وSass وLess وCSS Modules وWasm وغيرها. كما أنه يدعم اتحاد الوحدات، وضغط الصور، والتحقق من النوع، وPostCSS، وLightning CSS، والمزيد.
Rsbuild هي أداة بناء تتساوى مع Vite أو Create React App أو Vue CLI. تأتي جميعها مزودة بخوادم تطوير مدمجة وأدوات سطر أوامر وتكوينات بناء معقولة لتوفير تجربة غير تقليدية.
يمكنك التفكير في Rsbuild كإصدار حديث من Create React App أو Vue CLI، مع هذه الاختلافات الرئيسية:
يتم تحويل المجمّع الأساسي من Webpack إلى Rspack، مما يوفر 5 إلى 10 أضعاف أداء البناء.
وهو منفصل عن أطر عمل واجهة المستخدم الأمامية ويدعم جميع أطر عمل واجهة المستخدم عبر المكونات الإضافية، بما في ذلك React وVue وSvelte وSolid وما إلى ذلك.
إنه يوفر قابلية توسعة أفضل. يمكنك توسيع Rsbuild بمرونة عبر التكوينات وPlugin API وJavaScript API.
تشترك Rsbuild في العديد من أوجه التشابه مع Vite، حيث يهدف كلاهما إلى تحسين تجربة تطوير الواجهة الأمامية. الاختلافات الرئيسية هي:
توافق النظام البيئي : يتوافق Rsbuild مع معظم ملحقات webpack وجميع ملحقات Rspack، بينما يتوافق Vite مع ملحقات Rollup الإضافية. إذا كنت تستخدم حاليًا المزيد من المكونات الإضافية وأدوات التحميل من النظام البيئي لحزمة الويب، فسيكون الترحيل إلى Rsbuild أمرًا سهلاً نسبيًا.
اتساق الإنتاج : يستخدم Rsbuild Rspack للتجميع أثناء إنشاءات التطوير والإنتاج، وبالتالي ضمان مستوى عالٍ من الاتساق بين مخرجات التطوير والإنتاج. وهذا أيضًا أحد الأهداف التي يهدف Vite إلى تحقيقها من خلال Rolldown.
اتحاد الوحدات : يعمل فريق Rsbuild بشكل وثيق مع فريق تطوير اتحاد الوحدات، حيث يوفر دعمًا من الدرجة الأولى لاتحاد الوحدات لمساعدتك في تطوير تطبيقات ويب كبيرة ذات بنية أمامية صغيرة.
يمكن لـ Rsbuild الاستفادة بشكل كامل من أداء بناء Rspack. هذا هو الوقت المستغرق لبناء 1000 مكون React:
البيانات المذكورة أعلاه تأتي من معيار مقارنة الأداء.
يحتوي Rsbuild على الميزات التالية:
سهولة التكوين : أحد أهداف Rsbuild هو توفير إمكانات إنشاء جاهزة لمستخدمي Rspack، مما يسمح للمطورين ببدء مشروع ويب بدون أي تكوين. بالإضافة إلى ذلك، يوفر Rsbuild تكوين بناء دلالي لتقليل منحنى التعلم لتكوين Rspack.
التوجه نحو الأداء : يدمج Rsbuild الأدوات عالية الأداء المستندة إلى Rust من المجتمع، بما في ذلك Rspack وSWC وLightning CSS، لتوفير سرعة بناء وتجربة تطوير من الدرجة الأولى.
النظام البيئي للمكونات الإضافية : يحتوي Rsbuild على نظام مكونات إضافية خفيف الوزن ويتضمن مجموعة من المكونات الإضافية الرسمية عالية الجودة. علاوة على ذلك، فإن Rsbuild متوافق مع معظم ملحقات webpack وجميع ملحقات Rspack، مما يسمح للمستخدمين بالاستفادة من المجتمع الحالي أو المكونات الإضافية الداخلية في Rsbuild دون الحاجة إلى إعادة كتابة التعليمات البرمجية.
القطع الأثرية المستقرة : تم تصميم Rsbuild مع التركيز القوي على استقرار عناصر البناء. إنه يضمن الاتساق العالي بين القطع الأثرية في عمليات التطوير والإنتاج، ويكمل تلقائيًا خفض مستوى بناء الجملة وحقن polyfill. يوفر Rsbuild أيضًا مكونات إضافية للتحقق من النوع والتحقق من صحة بناء الجملة لمنع مشكلات الجودة والتوافق في كود الإنتاج.
الإطار الملحد : لا يقترن Rsbuild بأي إطار عمل لواجهة المستخدم الأمامية. وهو يدعم أطر عمل مثل React وVue وSvelte وSolid وPreact من خلال المكونات الإضافية، ويخطط لدعم المزيد من أطر عمل واجهة المستخدم من المجتمع في المستقبل.
يوفر Rsbuild واجهة برمجة تطبيقات JavaScript وواجهة برمجة التطبيقات الإضافية للأطر والأدوات ذات المستوى الأعلى. على سبيل المثال، قمنا بتطبيق Rspress وRslib استنادًا إلى Rsbuild، مع الاستفادة الكاملة من قدراته ونظامه البيئي.
يوضح الرسم البياني التالي العلاقة بين Rsbuild والأدوات الأخرى في النظام البيئي:
لبدء استخدام Rsbuild، راجع البدء السريع.
Rspack: أداة تجميع ويب سريعة تعتمد على Rust.
Rspress: مولد موقع ثابت سريع يعتمد على Rsbuild.
Rsdoctor: محلل بناء شامل لـ Rspack وwebpack.
Rslib: أداة بناء المكتبة المدعومة من Rsbuild.
Modern.js: إطار تفاعل تقدمي يعتمد على Rsbuild.
Awesome-rspack: قائمة منسقة بالأشياء الرائعة المتعلقة بـ Rspack وRsbuild.
أمثلة rspack: أمثلة لـ Rspack وRsbuild وRspress وRsdoctor.
Storybook-rsbuild: منشئ القصص المصورة مدعوم من Rsbuild.
rsbuild-plugin-template: استخدم هذا القالب لإنشاء مكون Rsbuild الإضافي الخاص بك.
rstack-design-resources: موارد التصميم لـ Rspack وRsbuild وRspress وRsdoctor.
نرحب بالمساهمين الجدد!
يرجى قراءة دليل المساهمة.
اعتمد هذا الريبو قواعد سلوك ByteDance مفتوحة المصدر. يرجى مراجعة قواعد السلوك لمزيد من التفاصيل.
تعال وتحدث معنا على Discord! ينشط فريق Rspack / Rsbuild والمستخدمون هناك، ونحن نبحث دائمًا عن المساهمات.
يستخدم Rsbuild جودة خدمة Web Infra لمراقبة اتجاه المقاييس الرئيسية، مثل حجم الحزمة وسرعة الترجمة وحجم التثبيت.
بعض تطبيقات Rsbuild مستوحاة من المشاريع المتميزة في المجتمع. ونود أن نعرب عن امتناننا لهم:
تتم الإشارة إلى تنفيذ بعض المكونات الإضافية من create-react-app.
تتم الإشارة إلى بعض وظائف الأداة المساعدة من html-webpack-plugin.
تتم الإشارة إلى تصميم بعض واجهات برمجة التطبيقات من vite.
يتم تشغيل موقع Rsbuild هذا بواسطة Netlify.
تم ترخيص Rsbuild بموجب ترخيص MIT.