optimizePackageImports | Next.js Русский

Некоторые пакеты могут экспортировать сотни или тысячи модулей, что может вызывать проблемы с производительностью как в режиме разработки, так и в продакшене.

Добавление пакета в experimental.optimizePackageImports приведёт к загрузке только тех модулей, которые вы фактически используете, сохраняя при этом удобство написания импортов с множеством именованных экспортов.

next.config.js

module.exports = {
  experimental: {
    optimizePackageImports: ['имя-пакета'],
  },
}

Следующие библиотеки оптимизированы по умолчанию:

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