Weback

ما هي Webpack؟

هي عبارة عن مجمع واحدات (Module Bundler) أو أداة بناء (Build Tool) وهي تحول شجرة تبعية الملفات وتُجمعها في ملف واحد، أي بدل تضمين عدة ملفات جافاسكربت في ملف HTML ما يؤدي لعدة عمليات تحميل للملفات و هذا يؤثر على سرعة الموقع، تقوم ويب باك بتجميع كل شيفرات جافاسكربت من كل الملفات و تضعهم في ملف واحد و تقوم بعدها باستدعائه.

وهذا يقلل الوقت اللازم لتحميل الموقع بشكل عام و تسريع عمليه العرض في المتصفح.

لا يقتصر عمل ويب باك على ملفات جافاسكربت إنما تعمل نفس الفكرة لعدة أنواع ملفات باستخدام Loaders:

المُحملات (Loaders): مع استخدام المُحمل المخصص يمكنك تحميل أي ملف إلى التطبيق إذ يمكنك استخدام الدالة reuiqre ليس فقط لتحميل ملفات جافاسكربت فقط وإنما ملفات التنسيقات وملفات SaSS وملفات Less بالإضافة إلى إمكانية تحميل الصور والخطوط والملفات والكثير غيرها (دمج ملفات التنسيقات المضمنة في صفحة الويب إلى ملف واحد).

كم تحوي ويب باك الملحقات (Plugins): تقدم Webpack ميزة الملحقات مجموعة واسعة من المهام مثل تحسين الحزمة وإدارة الملحقات (مثل الصور) بالإضافة إلى ذلك يمكننا حتى التلاعب بالملفات قبل تحميلها وتحزيمها في الملف الهدف (على سبيل المثال إمكانية ضغط الصور قبل رفعها على المخدم).

كما تقوم بعمل minify حيث تحذف المحارف الزائدة من الملفات مثل الفراغات و الأسطر الفارغة .. مما يقلل حجم الملف.

لشكل عام إن استخدام ويب باك هو أمر جداً مفيد و أنصحك بتعلمها، فهي تدعم أداء المقع بشكل كبير.

يمكنك قراءة "دليل Webpack الشامل" المقدم من أكاديمية حسوب فهو يحوي المزيد من التفاصيل.

*webpack