تخيل تبني موقع فيه مئات الملفات
CSS — JavaScript — Images — Fonts — Components…
زمان المتصفح كان بيطلب كل ملف لوحده
طلبات كتير = تحميل أبطأ = Performance أسوأ.
ومن هنا بدأت فكرة الـ Bundlers…
وأشهرهم طبعًا: Webpack
الفيديو ده بيشرح Webpack بشكل عملي وفهم حقيقي مش مجرد Configurations:
✅ إيه المشكلة اللي كانت موجودة قبل Webpack
✅ إيه هو HMR وليه بيخلي تجربة التطوير أسرع جدًا
✅ Code Splitting وتقسيم الكود لتحسين الـ Loading
✅ Lazy Loading وتحميل الأجزاء عند الحاجة فقط
✅ Tree Shaking وإزالة الـ Dead Code
الفكرة المهمة هنا 👇
Webpack مش مجرد Tool لتجميع الملفات…
هو Engine بيحاول يوازن بين:
⚡ سرعة التطوير
⚡ سرعة تحميل التطبيق
⚡ تقليل حجم الملفات
⚡ تحسين تجربة المستخدم