مقدمة

يوفّر webpack أكثر من واجهة لتخصيص عملية التجميع. بعض الميزات يمكن الوصول إليها بأكثر من طريقة؛ مثلًا قد تجد خيارًا في ملف الإعدادات وله أيضًا flag في CLI. وفي المقابل توجد ميزات لا تتوفر إلا من واجهة واحدة. هذه الصفحة تعطيك نظرة عامة تساعدك على اختيار الواجهة المناسبة.

CLI

واجهة سطر الأوامر (CLI) هي الطريقة المباشرة لتشغيل البناء والتعامل معه. تفيدك كثيرًا في التجارب السريعة وقياس الأداء. غالبًا ستستخدمها لتشغيل webpack مع ملف إعدادات وبعض flags مثل --env.

تعرّف أكثر على CLI

Module

عند معالجة modules باستخدام webpack، من المهم أن تفهم صيغ modules التي يدعمها، خصوصًا الدوال والمتغيرات. هذا الفهم يساعدك على معرفة كيف يقرأ webpack الكود وكيف يتعامل مع الاستيراد والتصدير.

تعرّف أكثر على modules

Node

غالبًا يكفي استخدام CLI مع ملف إعدادات، لكن إذا احتجت تحكمًا أدق في عملية التجميع فاستخدم واجهة Node. من خلالها تستطيع تمرير أكثر من إعداد، أو تشغيل webpack ومراقبته من داخل كود JavaScript، أو جمع إحصاءات البناء برمجيًا.

تعرّف أكثر على Node API

Loaders

الـ loaders هي تحويلات تُطبّق على كود module قبل أن يدخل في عملية التجميع. عمليًا، الـ loader دالة تستقبل الكود الأصلي وتعيد نسخة جديدة منه بعد التحويل، مثل تحويل TypeScript إلى JavaScript أو معالجة ملفات CSS.

تعرّف أكثر على loaders

Plugins

واجهة plugins تسمح لك بالدخول إلى مراحل التجميع نفسها. يستطيع plugin تسجيل handlers على lifecycle hooks تعمل في نقاط مختلفة أثناء البناء. وعندما يعمل hook معيّن، يحصل plugin على إمكانية الوصول إلى حالة التجميع في تلك اللحظة.

تعرّف أكثر على plugins