コンテンツへスキップ

productionBrowserSourceMaps

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

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

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

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

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