如何通过npm脚本条件性地将ESLint结果输出到文件？

我来帮你搞定这个需求！你想要的是根据是否处于CI环境（通过环境变量判断），让ESLint要么在终端输出美观的结果，要么将checkstyle格式的结果写入文件，之前的尝试因为条件判断只覆盖了格式，没处理重定向，所以达不到预期效果。下面给你几个可行的方案：

方案一：完整的Shell条件分支（最直观） #

直接在npm脚本里写完整的if-else语句，把两种场景的命令分开处理：

"scripts": {
  "lint": "if [ -n \"${CI}\" ]; then eslint src --cache --format checkstyle > checkstyle.xml; else eslint src --cache --format stylish; fi"
}

• 解释：[ -n "${CI}" ]用来判断CI环境变量是否存在且非空（绝大多数CI平台都会自动设置CI=true）
• 如果是CI环境：用checkstyle格式输出，并通过> checkstyle.xml将结果写入文件，终端不会有输出
• 如果是本地环境：用stylish格式直接输出到终端

如果你想用自己定义的SOMEVAR变量，把${CI}换成${SOMEVAR}就行。

方案二：提取公共参数（更简洁） #

如果ESLint的基础参数（比如src --cache）固定，可以把它提取成变量，避免重复写命令：

"scripts": {
  "lint": "ESLINT_BASE='eslint src --cache'; if [ -n \"${CI}\" ]; then $ESLINT_BASE --format checkstyle > checkstyle.xml; else $ESLINT_BASE --format stylish; fi"
}

方案三：CI环境下同时终端输出+写入文件 #

如果你希望CI环境下既能在终端看到结果，又能把结果写入文件，可以把重定向换成tee命令：

"scripts": {
  "lint": "if [ -n \"${CI}\" ]; then eslint src --cache --format checkstyle | tee checkstyle.xml; else eslint src --cache --format stylish; fi"
}

这样CI环境下，结果会同时输出到终端和checkstyle.xml文件，本地环境还是正常终端输出。

注意事项 #

• npm脚本里的双引号需要转义成\"，否则会被Shell解析出错
• 测试时可以手动设置环境变量验证：比如在本地运行CI=true npm run lint，就能模拟CI环境生成文件

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