Tag

تنظيم محتوى مشاريع الويب Archives – IT Solutions

Webpack ما هو

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

 

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

نتيجة بحث الصور عن ‪Webpack‬‏

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

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

نتيجة بحث الصور عن ‪Webpack‬‏

وظيفته ؟

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

إختصارات متصفحات الانترنت كروم و فايرفوكس وغيره
ما هو التيبوغرافي
ما هو مستقبل الأنترنت ؟
أنواع الاخطاء البرمجية
مفهوم تعلم الآلة
استخدام الخلايا البشرية كوسائط تخزين
لماذا لا يمكن إستخدام مساحة التخزين الثابتة كذاكرة وصول عشوائية
نحن مجرد روبوتات عابرة للمجرات
Fiber Optics تعلم توصيل الالياف الضوئيه
علماء الصين يحولون النحاس إلى ذهب
المواقع المفيدة لأى مبرمج
؟ Google Discover ما هو
(Root Bridge) (STP) تحديد الجهاز الرئيسي في بروتوكول