コンテンツにスキップ
設定next.config.js オプションproductionBrowserSourceMaps

productionBrowserSourceMaps

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

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

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

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

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