optimizePackageImports

Einige Pakete können Hunderte oder Tausende von Modulen exportieren, was Leistungsprobleme in Entwicklung und Produktion verursachen kann.

Durch Hinzufügen eines Pakets zu experimental.optimizePackageImports werden nur die tatsächlich verwendeten Module geladen, während weiterhin die Bequemlichkeit von Import-Anweisungen mit vielen benannten Exports beibehalten wird.

next.config.js

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

Die folgenden Bibliotheken sind standardmäßig optimiert:

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