optimizePackageImports

パッケージによっては、何百、何千ものモジュールをエクスポートすることができ、開発および生産時にパフォーマンスの問題を引き起こす可能性があります。

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

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

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