productionBrowserSourceMaps

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

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

next.config.js

module.exports = {
  productionBrowserSourceMaps: true,
}

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