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.