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

حسن الشافعي2 · 15 يوليو 2021

السلام عليكم

اعمل على بناء واجهة موقع يتكون من عدة أقسام بواسطة 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 ببنائها ارى بأنه استدعى جميع الملفات التي في المشروع كاملة

Mohamd Imran · 17 يوليو 2021

مرحباً@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")],

]
    }

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

السؤال

حسن الشافعي2

1 جواب على هذا السؤال

Recommended Posts

Mohamd Imran

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية