optimizePackageImports | Next.js Français

Certains paquets peuvent exporter des centaines ou des milliers de modules, ce qui peut causer des problèmes de performance en développement et en production.

L'ajout d'un paquet à experimental.optimizePackageImports ne chargera que les modules que vous utilisez réellement, tout en conservant la commodité d'écrire des instructions d'import avec de nombreuses exportations nommées.

next.config.js

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

Les bibliothèques comme @mui/icons-material, @mui/material, date-fns, lodash, lodash-es, react-bootstrap, @headlessui/react, @heroicons/react et lucide-react sont déjà optimisées par défaut.