• 0

منع webpack من استدعاء كامل ملفات المشروع

السلام عليكم

اعمل على بناء واجهة موقع يتكون من عدة أقسام بواسطة webpack المشكلة التي أواجهها هي أن أي صفحة html أقوم ببنائها في المجلد الاصلي src فأن webpack عند عملة البناء npm run build يقوم بتضمين جميع ملفات css و javaScript الخاصة بالمشروع في هذه الصفحة حتى لو لم اقوم انا ب استدعائها 

مثال للتوضيح 

لدية الملفات التالية style.css index.css index.js main.js فأن webpack يقوم بتضمين هذه الملفات تلقائيا في اي صفحة html انشئها علما ان اي صفحة html انشئها اقوم بربطها ب ملف javascript منفصل خاص بها عن طريق <script defer="defer" type="text/html" src="{requier('index.js')}"></script> واغير الاسم الى اسم الملف الجديد و من خلال هذه الملف استدعي الملفات التي احتاجها فقط لكن عند عرض ملفات html التي قام webpack ببنائها ارى بأنه استدعى جميع الملفات التي في المشروع كاملة

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0

مرحباً@HA_shafeai

يوجد عدة طرق للقيام بذلك مثلاً القيام بعمل أكثر من webpack.config.js ملف بإسم myfiles.config.js يشمل ما تريد تضمينه أو لا , أو الطريقة الأخرى هي من خلال إضافة ال Conditions إلى ملف webpack.config.js هكذا مع ما يتناسب من ملفات تريد إستثنائها 

module: { // configuration modules  regarding modules
  rules: [ // rules for modules (configure loaders files, etc.)
    { // Conditions here: 
      test: /\.js?$/,
      include: [ path.resolve(__dirname, "app") ], 
      exclude: [ path.resolve(__dirname, "app/myfiles")],

]
    }
1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن