تنظيم محتوى مشاريع الويب

ربما سمعت به كثيرا، او واجهته في أحد الشروحات مرة، فما الذي تعرفه عن الـ Webpack ؟ فتابع هذا المقال كاملا إن اردت التعرف عليه .

الـ Webpack هو عبارة عن Module Bundler مبني على الجافاسكربت و مفتوح المصدر، يساعدك الـ Webpack على تجميع كل الملفات الخاصة بمشروعك و تضمينها في ملف واحد بعد القيام بعدة تعديلات عليها مثل جعل أكواد الـ Javascript على شكل Minified لإستهلاك أقل للمساحة و التحميل، او تحويل أكواد الـ Sass الى CSS، كما يمكن أيضا ضغط الصور الموجودة في ملفات المشروع و تصغيرها من أجل إستهلاك أقل للتحميل .

متى يجب عليك إستخدامه ؟

إستخدم في مشروع كبير ذو ملفات كبيرة و Assets ضخمة، للتحكم فيها بشكل افضل، لنفترض انه لديك مشروع يتضمن 15 ملف جافاسكربت مختلف، هل في كل مرة تضيف ملف جافاسكربت عليك المناداة عليه في صفحة الـ head ؟ لا، فقط قم بإدراجه، سيقوم الـ Webpack بمعرفة الملف المضاف حديثا و إضافة محتواه الى ملف واحد، ثم قم فقط بإدراج مسار الملف الواحد.

وظيفته ؟

يقوم بتجميع عمل Minify لملفات الجافاسكربت، الـ Sass/Css، الصور و كل العناصر الخارجية و التحكم فيها في مشروعك البرمجي و ضغطها أيضا .