تصدير عدة فئات في ES6 modules

لتصدير عدة فئات في وحدة ES6، يمكنك تصدير كل فئة على حدة ثم استيرادها جميعًا في ملف index.js كما فعلت، ولكن يجب عليك تغيير كيفية استيرادها في ملفات أخرى. إليك كيف يمكنك تحقيق ذلك:

1. Foo.js:

javascriptCopy code
export default class Foo {
  // تعريف الفئة
}

2. Bar.js:

javascriptCopy code
export default class Bar {
  // تعريف الفئة
}

3. index.js:

javascriptCopy code
import Foo from './Foo';
import Bar from './Bar';

export { Foo, Bar };

بهذه الطريقة، يمكنك استيراد Foo و Bar كما تريد في ملفاتك الأخرى:

javascriptCopy code
import { Foo, Bar } from './module';

تأكد من أن مسار الاستيراد يتطابق مع المسار الفعلي لملف index.js الخاص بك.

تأكد من أن تقوم بتصحيح مسار الاستيراد إلى المسار الصحيح لملف index.js في حالة وجود تغيير في هيكل المجلدات.

علاوة على ذلك، يمكنك استخدام تصدير المجموعات في index.js بدلاً من تصدير الفئات بشكل منفصل. هذا يجعل التصدير والاستيراد أكثر وضوحًا ويقلل من عدد الأسطر في ملف index.js. في هذه الحالة، سيكون لديك:

index.js:

javascriptCopy code
export { default as Foo } from './Foo';
export { default as Bar } from './Bar';

ومن ثم يمكنك استيرادها بنفس الطريقة:

javascriptCopy code
import { Foo, Bar } from './module';

هذه الطريقة أيضًا تسهل عملية إضافة المزيد من الفئات في المستقبل دون الحاجة إلى تعديل كود الاستيراد في ملفاتك الأخرى.