︙

optimizePackageImports

一部のパッケージでは、何百もの、あるいは何千もの modules を export することができ、これが development や production でパフォーマンスの問題を引き起こすことがあります。

experimental.optimizePackageImportsにパッケージを追加すると、実際に使用している modules のみがロードされ、多数の名前付き export で import ステートメントを書く便利さを保ちながらも、ロードされます。

next.config.js

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

次のライブラリは default により最適化されています：