📋 محتويات الصفحة
📖 الوصف
Rollup هو bundler متخصص في تجميع المكتبات والتطبيقات JavaScript. يستخدم نظام ES modules الأصلي ويقوم بـ tree-shaking فعال لإزالة الكود غير المستخدم. يستخدمه Vite داخلياً لعملية البناء الإنتاجية. Rollup مثالي لبناء المكتبات (npm packages) حيث ينتج حزم نظيفة وفعالة.
🎯 يستخدم في
مجالات استخدام هذه الأداة
بناء المكتبات والمكونات المشتركة
بناء production bundles في Vite
تطبيقات JavaScript المتقدمة
مشاريع Tree-shaking المتقدمة
✨ المميزات
أبرز مميزات هذه الأداة
Tree-shaking فعال جداً
ينتج bundles نظيفة وصغيرة
دعم ES modules أصلي
plugins قوية ومرنة
دعم code splitting
متعدد المخرجات (multiple outputs)
⚠️ العيوب
نقاط يجب مراعاتها
أقل ملاءمة لتطبيقات الويب الكبيرة
لا يحتوي على dev server
إعداد أكثر تعقيداً للمشاريع الكبيرة
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// rollup.config.js
export default {
input: 'src/index.js',
output: [
{
file: 'dist/bundle.cjs.js',
format: 'cjs',
sourcemap: true,
},
{
file: 'dist/bundle.esm.js',
format: 'es',
sourcemap: true,
},
],
plugins: [/* plugins */],
};📚 أدوات أخرى في Build-Tools
قد يعجبك أيضاً
Babel
⭐محول JavaScript (transpiler)
esbuild
⭐Bundler ومشغل JavaScript فائق السرعة
Lerna
⭐أداة لإدارة npm packages المتعددة
Nx
⭐منصة تطور ذكية للـ monorepos
Parcel
أداة بناء بدون إعدادات (Zero Configuration)
Rspack
أداة بناء سريعة متوافقة مع Webpack