محلل حجم الحزم

coding · Cursor · free

حزمة JS الخاصة بي كبيرة جدًا. أخبرني بالضبط ما الذي يجب حذفه وكيف. أداة تجميع الحزم: [Vite / webpack / esbuild / Turbopack] إطار العمل: [React 19 / Vue 3 / Svelte / vanilla] حجم الحزمة الحالي: [كيلوبايت مضغوط / كيلوبايت غير مضغوط] الهدف: [كيلوبايت مضغوط] ناتج أداة التحليل / stats.json: [الصق أو أرفق] اشرح لي بالتفصيل: 1. الوحدات النمطية الخمس الأكبر حجمًا — هل كل واحدة منها تستحق وجودها؟ 2. التبعيات المكررة (إصدارات مختلفة من الحزمة نفسها) — الحل 3. استيراد الملفات الشاملة التي جلبت lodash/date fns/aws sdk بالكامل — المسار الفرعي الصحيح 4. التبعيات التي تتضمن كلاً من ESM و CJS وتم تحميل النسخة الخاطئة — حل مشكلة resolve/alias 5. Polyfills للمتصفحات التي لا أدعمها (هدفي: [BROWSERSLIST]) 6. المرشحات لتقسيم الكود مرتبة حسب (توفير البايتات) × (معدل نجاح المسار) 7. sideEffects في ملف package.json — حيثما تكون إعداداتي خاطئة، مما يعيق عملية «tree shaking» 8. ما لا يمكن حذفه ولماذا — حتى أتوقف عن المحاولة اختتم بالتوضيح الحجم الجديد المتوقع + التغيير الذي يحقق أكبر مكسب فردي.

#performance #bundle-size #frontend