Capítulo 412 de 456

productionBrowserSourceMaps

Core Idea

Opt-in flag to generate browser source maps during production builds (disabled by default to avoid leaking source code to clients).

Key Concepts

  • productionBrowserSourceMaps: boolean; when true, outputs source maps alongside JS files, served automatically by Next.js.

Code Examples

module.exports = {
  productionBrowserSourceMaps: true,
}
  • O que demonstra: habilita geração de source maps no build de produção.

Anti-patterns

  • Habilitar sem necessidade: aumenta o tempo de next build e o uso de memória durante o build.

Key Takeaways

  1. Dev já tem source maps por padrão; esta flag é só para produção.
  2. Trade-off: debugging melhor em produção vs. tempo/memória de build maiores, e possível exposição de source.

Connects To

  • output: outra config que afeta o processo/artefatos de build.