optimizePackageImports

一部のパッケージは何百、何千ものモジュールをエクスポートすることがあり、開発や本番環境でパフォーマンスの問題を引き起こす可能性があります。

experimental.optimizePackageImportsにパッケージを追加すると、実際に使用しているモジュールのみがロードされますが、多くの名前付きエクスポートを使用する利便性は保持されます。

next.config.js
module.exports = {
  experimental: {
    optimizePackageImports: ['package-name'], // 最適化したいパッケージ名を指定
  },
}

以下のライブラリはデフォルトで最適化されています：