لتصدير عدة فئات في وحدة ES6، يمكنك تصدير كل فئة على حدة ثم استيرادها جميعًا في ملف index.js
كما فعلت، ولكن يجب عليك تغيير كيفية استيرادها في ملفات أخرى. إليك كيف يمكنك تحقيق ذلك:
Foo.js
:
javascriptexport default class Foo {
// تعريف الفئة
}
Bar.js
:
javascriptexport default class Bar {
// تعريف الفئة
}
index.js
:
javascriptimport Foo from './Foo';
import Bar from './Bar';
export { Foo, Bar };
بهذه الطريقة، يمكنك استيراد Foo
و Bar
كما تريد في ملفاتك الأخرى:
javascriptimport { Foo, Bar } from './module';
تأكد من أن مسار الاستيراد يتطابق مع المسار الفعلي لملف index.js
الخاص بك.
المزيد من المعلومات
تأكد من أن تقوم بتصحيح مسار الاستيراد إلى المسار الصحيح لملف index.js
في حالة وجود تغيير في هيكل المجلدات.
علاوة على ذلك، يمكنك استخدام تصدير المجموعات في index.js
بدلاً من تصدير الفئات بشكل منفصل. هذا يجعل التصدير والاستيراد أكثر وضوحًا ويقلل من عدد الأسطر في ملف index.js
. في هذه الحالة، سيكون لديك:
index.js
:
javascriptexport { default as Foo } from './Foo';
export { default as Bar } from './Bar';
ومن ثم يمكنك استيرادها بنفس الطريقة:
javascriptimport { Foo, Bar } from './module';
هذه الطريقة أيضًا تسهل عملية إضافة المزيد من الفئات في المستقبل دون الحاجة إلى تعديل كود الاستيراد في ملفاتك الأخرى.