عندما نقوم بحزم ملف webpackjs، فإننا نقدم main.js العام في واجهة Index.html، كما هو موضح أدناه:
يجب تقديم src ='budl.js'
عند التعبئة، يتم تقسيم الملفات التي تم فك حزمتها إلى ملفين، أحدهما ملف قرص محلي والآخر ملف في الذاكرة، أليس هذا مزعجًا بشكل خاص؟ في مواجهة هذه المشكلة، لدينا طريقة أخرى لحلها html-webpack-plugin يقوم html-webpack-plugin بتثبيت هذا البرنامج الإضافي.
1. ندخل أولاً إلى npm i html-webpack-plugin لتثبيت المكون الإضافي
2. ثم قم بتكوين الخيارات الموجودة في ملف التكوين webpack.config.js.
اكتمل التثبيت
يقدم webpack.config.js البرنامج المساعد html-webpack
قم بتكوين ملف الواجهة الذي تم إنشاؤه
3. بعد تثبيت البرنامج الإضافي، قم بالتعليق على src=budle.js في الفهرس، ثم أعد تشغيل المشروع
4. بعد إعادة تشغيل المشروع، ستقوم الواجهة تلقائيًا بتعبئة ملف buld.js وإدخاله في واجهة الفهرس.
تلخيصما ورد أعلاه هو مقدمة المحرر لاستخدام html-webpack-plugin لإنشاء المكونات الإضافية لصفحة html في الذاكرة، وآمل أن يكون ذلك مفيدًا لك. إذا كانت لديك أية أسئلة، فيرجى ترك رسالة لي وسيقوم المحرر بالرد عليها لك في الوقت المناسب. أود أيضًا أن أشكر الجميع على دعمكم لموقع VeVb للفنون القتالية!