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

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

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

next.config.js

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

Библиотеки такие как @mui/icons-material, @mui/material, date-fns, lodash, lodash-es, react-bootstrap, @headlessui/react, @heroicons/react и lucide-react уже оптимизированы по умолчанию.