optimizePackageImports

بعض الحزم يمكن أن تصدر مئات أو آلاف الوحدات (modules)، مما قد يسبب مشاكل في الأداء أثناء التطوير وفي الإنتاج.

إضافة حزمة إلى experimental.optimizePackageImports ستحمّل فقط الوحدات التي تستخدمها فعليًا، مع الحفاظ على راحتك في كتابة عبارات الاستيراد (import) مع العديد من الصادرات المسماة (named exports).

module.exports = {
  experimental: {
    optimizePackageImports: ['package-name'],
  },
}

مكتبات مثل @mui/icons-material، @mui/material، date-fns، lodash، lodash-es، react-bootstrap، @headlessui/react، @heroicons/react، و lucide-react محسنة بالفعل بشكل افتراضي.