コンテンツにスキップ
Configurationnext.config.jsproductionBrowserSourceMaps

productionBrowserSourceMaps

ソースマップは、開発中はデフォルトで有効になっています。本番ビルドでは、明示的に設定フラグでオプトインしない限り、クライアントでソースコードが漏洩するのを防ぐために無効になっています。

Next.js は、本番ビルド中にブラウザソースマップ生成を有効にするために使用できる設定フラグを提供します。

next.config.js
module.exports = {
  productionBrowserSourceMaps: true,
}

productionBrowserSourceMaps オプションが有効になると、ソースマップは JavaScript ファイルと同じディレクトリに出力されます。Next.js は、要求されたときにこれらのファイルを自動的に提供します。

  • ソースマップを追加すると、next build の時間が長くなる可能性があります。
  • next build 中のメモリ使用量が増加します。