optimizePackageImports

一部のパッケージは何百、何千ものモジュールをエクスポートすることがあり、それが開発環境と本番環境でのパフォーマンス問題の原因となることがあります。

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

next.config.js

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

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

お役に立ちましたか？