optimizePackageImports

Bazı paketler yüzlerce veya binlerce modülü dışa aktarabilir, bu da geliştirme ve üretimde performans sorunlarına neden olabilir.

experimental.optimizePackageImports adresine bir paket eklemek, yalnızca gerçekten kullandığınız modülleri yüklerken, size birçok adlandırılmış dışa aktarma ile içe aktarma deyimleri yazma kolaylığı sağlar.

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 ve lucide-react gibi kütüphaneler zaten varsayılan olarak optimize edilmiştir.