在CI/CD流水线（如Jenkins）中yarn build输出乱码问号如何处理？

你看到的[2K[1G这类字符是ANSI终端控制序列，用于在交互式终端中刷新行内容，但CI/CD的非交互式环境不解析这些序列，导致日志混乱；乱码则多是编码不匹配或终端输出格式不兼容导致的。以下是几种解决方法：

• 禁用yarn的交互式日志输出
  执行yarn build时添加--non-interactive参数，强制yarn以非交互式模式输出，避免生成终端控制字符：

  yarn build:prod --non-interactive
  

  也可以直接修改项目package.json中的脚本，默认带上该参数：

  "scripts": {
    "build:prod": "yarn build --non-interactive"
  }
  

• 强制构建工具使用纯文本日志
  多数前端构建工具（如Angular CLI、Vue CLI）支持关闭动态进度条和冗余输出，以纯文本格式打印日志。以Angular CLI为例：

  yarn build:prod --progress=false --verbose=false
  

  --progress=false会关闭动态刷新的进度条，--verbose=false减少非必要的调试输出，让日志更简洁清晰。

• 统一CI/CD环境的字符编码
  在Jenkins构建任务的执行脚本开头，添加环境变量设置，确保编码统一为UTF-8：

  export LANG=en_US.UTF-8
  export LC_ALL=en_US.UTF-8
  

  也可以在Jenkins全局配置中，将系统默认编码设置为UTF-8，从根源避免乱码问题。

• 过滤日志中的ANSI控制字符
  如果上述方法无法完全解决，可通过命令行工具过滤掉日志中的控制字符。比如用sed处理输出：

  yarn build:prod | sed 's/\x1b\[[0-9;]*m//g; s/\x1b\[[0-9]*[GK]//g'
  

  该命令会移除所有ANSI颜色控制序列和行刷新控制字符，只保留纯文本内容。

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