productionBrowserSourceMaps

原始碼映射 (source map) 在开发环境下默认启用。在生产环境构建时,除非您通过配置标志明确选择启用,否则它们会被禁用以防止您在客户端泄露源代码。

Next.js 提供了一个配置标志,您可以用它在生产环境构建时启用浏览器原始碼映射生成功能:

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

当启用 productionBrowserSourceMaps 选项时,原始碼映射将输出到与 JavaScript 文件相同的目录中。Next.js 会在收到请求时自动提供这些文件。

  • 添加原始碼映射可能会增加 next build 的构建时间
  • 会增加 next build 时的内存使用量