optimizePackageImports | Next.js العربية

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

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

next.config.js

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

المكتبات التالية مُحسّنة بشكل افتراضي:

lucide-react
date-fns
lodash-es
ramda
antd
react-bootstrap
ahooks
@ant-design/icons
@headlessui/react
@headlessui-float/react
@heroicons/react/20/solid
@heroicons/react/24/solid
@heroicons/react/24/outline
@visx/visx
@tremor/react
rxjs
@mui/material
@mui/icons-material
recharts
react-use
@material-ui/core
@material-ui/icons
@tabler/icons-react
mui-core
react-icons/*