اذهب إلى المحتوى
  • 0

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

حسن الشافعي2

السؤال

السلام عليكم

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

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

Recommended Posts

  • 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")],

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

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...