如何减少Next.js 13构建输出以缓解CI流程过载问题？

可以通过以下几种方式减少Next.js 13生产构建时的终端冗余输出：

• 使用Next.js CLI参数控制输出
  直接修改构建命令，添加--quiet参数：next build --quiet，该参数会抑制大部分非必要的构建日志，仅保留关键进度提示、警告和错误信息。如果需要更彻底的静默输出，可使用--silent参数：next build --silent，它会几乎关闭所有日志，仅在构建失败时显示错误内容。

• 通过环境变量限定日志级别
  在构建命令前设置NEXT_LOG_LEVEL环境变量，指定仅输出特定级别的日志：

  • 仅输出错误：NEXT_LOG_LEVEL=error npm run build
  • 仅输出警告和错误：NEXT_LOG_LEVEL=warn npm run build
    这种方式能精准过滤日志，大幅减少输出量。

• 自定义Webpack日志配置
  在next.config.js中修改Webpack的日志输出规则，只保留错误信息：

  module.exports = {
    webpack: (config) => {
      config.stats = 'errors-only';
      return config;
    },
  };
  

  同时，针对Next.js 13 App Router的fetch日志，可通过配置关闭完整URL输出：

  module.exports = {
    logging: {
      fetches: {
        fullUrl: false,
      },
    },
  };
  

• 结合CI工具的日志过滤功能
  在CI环境中，可通过命令管道过滤输出，仅保留关键信息。例如：
  next build 2>&1 | grep -E "(error|warn|Build completed)"
  该命令会只保留错误、警告和构建完成的提示，不同CI工具（如GitHub Actions、GitLab CI）可根据自身语法调整过滤规则。

注意：使用--silent参数时，构建成功可能无任何输出，需确保CI工具能通过命令退出码判断构建状态；环境变量和配置方式需适配你使用的Next.js版本。

内容的提问来源于stack exchange，提问作者David