Menu

productionBrowserSourceMaps

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

Next.jsには、本番ビルド時にブラウザソースマップの生成を有効にする設定フラグがあります:

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

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

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