Technology
في تشرين ثاني 17, 2020
137 المشاهدات
ما هو الـ Webpack ؟
لربما سمعت به كثيرا، او واجهته في أحد الشروحات مرة، فما الذي تعرفه عن الـ Webpack ؟ فتابع هذا المنشور كاملا إن اردت التعرف عليه .
الـ Webpack هو عبارة عن Module Bundler مبني على الجافاسكربت و مفتوح المصدر، يساعدك الـ Webpack على تجميع كل الملفات الخاصة بمشروعك و تضمينها في ملف واحد بعد القيام بعدة تعديلات عليها مثل جعل أكواد الـ Javascript على شكل Minified لإستهلاك أقل للمساحة و التحميل، او تحويل أكواد الـ Sass الى CSS، كما يمكن أيضا ضغط الصور الموجودة في ملفات المشروع و تصغيرها من أجل إستهلاك أقل للتحميل .
متى يجب عليك إستخدامه ؟
إستخدم في مشروع كبير ذو ملفات كبيرة و Assets ضخمة، للتحكم فيها بشكل افضل، لنفترض انه لديك مشروع يتضمن 15 ملف جافاسكربت مختلف، هل في كل مرة تضيف ملف جافاسكربت عليك المناداة عليه في صفحة الـ head ؟ لا، فقط قم بإدراجه، سيقوم الـ Webpack بمعرفة الملف المضاف حديثا و إضافة محتواه الى ملف واحد، ثم قم فقط بإدراج مسار الملف الواحد.
وظيفته؟
يقوم بتجميع عمل Minify لملفات الجافاسكربت، الـ Sass/Css، الصور و كل العناصر الخارجية و التحكم فيها في مشروعك البرمجي و ضغطها أيضا
القياس: 1080 x 1080
حجم الملف: 74.78 Kb
أعجبني (3)
جارٍ التحميل...
3