Webpack Bundle Analyzer

يحلل هذا الأداة حزم Webpack باستخدام stats.json لكشف كيف تستغل الحزمة ميزانيتها من حيث الحجم. من خلال قراءة stats.json، يحسب أحجام كل وحدة، وتفصيل نقاط الدخول، ومخطط تبعيات يوضح من أين تأتي غالبية البايتات. تعتبر البنية بناءً كشبكة حيث كل عقدة هي وحدة وروابطها تمثل الاستيرادات؛ يجمع الأداة الأحجام عبر المسارات لإبراز الوحدات الثقيلة. يدعم الوحدات CommonJS وESM والاستيرادات الديناميكية، وآثار تقسيم الشفرة. يساعد الناتج مهندسي الواجهة الأمامية، ومهندسي الأداء، وفرق المنصة في تحديد فرص التحسين مثل إزالة التبعيات الثقيلة، تعديل مناطق تقسيم الشفرة، أو استبدال المكتبات الثقيلة. القيمة الفريدة هي التحليل المحلي السريع بلا خدمات سحابية مع تصور مفصل لبناء نقاط الدخول واتجاهات الوحدة. الميزات الأساسية تشمل الحجم لكل نقطة دخول، أعلى المساهمين، التوزيع حسب الحزمة والمسار، وتقرير قابل للتصدير لـ CI. الاستخدامات الشائعة تشمل تحسين تطبيق صفحة واحدة، تدقيق حزم البائعين عبر واجهات أمامية صغيرة، والتحقق من ميزانية الأداء ضمن خطوط CI.