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/*