コンテンツにスキップ

productionBrowserSourceMaps

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

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

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

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

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