optimizePackageImports | Next.js Deutsch

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 weiterhin die Bequemlichkeit haben, Import-Anweisungen mit vielen benannten Exporten zu schreiben.

next.config.js

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

Bibliotheken wie @mui/icons-material, @mui/material, date-fns, lodash, lodash-es, react-bootstrap, @headlessui/react, @heroicons/react und lucide-react sind standardmäßig bereits optimiert.