optimizePackageImports

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

experimental.optimizePackageImports にパッケージを追加すると、実際に使用しているモジュールのみをロードし、多数の名前付きエクスポートのインポート文を記述する利便性を維持できます。

next.config.js

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

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