productionBrowserSourceMaps

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

Next.js 提供了一个配置标志,可用于在生产环境构建期间启用浏览器源码映射生成:

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

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

  • 添加源码映射会增加 next build 的构建时间
  • 会增加 next build 期间的内存使用量