optimizePackageImports

Einige Pakete können Hunderte oder Tausende von Modulen exportieren, was zu Leistungsproblemen in der Entwicklung und Produktion führen kann.

Durch das Hinzufügen eines Pakets zu experimental.optimizePackageImports werden nur die Module geladen, die Sie tatsächlich verwenden, während Sie den Komfort behalten, Importanweisungen mit vielen benannten Exporten zu schreiben.

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