كلية العلوم التطبيقية -USF جامعة إب

ما هو الـ Webpack ؟

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

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

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

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

#كل_يوم_معلومه

www.group-telegram.com/tw/IbbSciencesUSF.com/4727

201 viewsFeb 20 at 19:13

ما هو الـ Webpack ؟

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

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

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

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

#كل_يوم_معلومه

BY كلية العلوم التطبيقية -USF جامعة إب