Angular 9自定义测试环境：解决ng build --test报错及环境文件替换配置问题

嘿，这个问题我熟！你遇到的Unknown option: '--test'报错，核心原因是Angular CLI并没有内置--test这个命令选项——--prod是CLI专门为生产环境预留的快捷参数，但自定义的测试环境得换个方式指定，下面给你一步步解决：

1. 搞懂报错根源 #

Angular CLI只对少数内置环境（比如production）提供了--prod这种快捷参数，自定义的test环境不能直接用--test来触发，必须通过--configuration（简写-c）参数来指定你在angular.json里配置好的环境名称。

2. 确认angular.json配置完整性 #

先检查projects -> [你的项目名称] -> architect -> build -> configurations下的test配置是否完整，必须包含正确的文件替换规则，示例如下：

"build": {
  "builder": "@angular-devkit/build-angular:browser",
  "options": {
    // 你的基础构建配置（比如outputPath、index、main等）
  },
  "configurations": {
    "production": {
      // 生产环境配置
    },
    "test": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.test.ts"
        }
      ],
      // 可根据需求添加测试环境的构建参数
      "optimization": true,
      "outputHashing": "all",
      "sourceMap": false,
      "buildOptimizer": true
    }
  }
}

如果之前已经配置过，快速确认规则无误即可。

3. 用正确命令触发测试环境构建 #

你有两种便捷方式执行测试环境构建：

方式一：直接使用CLI指定配置 #

执行以下命令即可触发构建：

ng build --configuration test
# 或者更简洁的简写形式：
ng build -c test

这个命令会告诉Angular CLI使用你定义的test配置，自动完成environment.test.ts的文件替换。

方式二：配置npm快捷脚本 #

如果觉得每次敲参数麻烦，可以在项目根目录的package.json中添加快捷脚本：

"scripts": {
  "build": "ng build",
  "build:prod": "ng build --prod",
  "build:test": "ng build -c test"
}

之后只需执行以下命令就能完成测试环境构建：

npm run build:test

4. 测试环境开发服务器启动（可选） #

如果你之前在serve的configurations里也配置了test环境，启动开发服务器同样用-c指定：

ng serve -c test

这样就能完美解决报错，实现通过指定命令触发测试环境的文件替换构建啦！

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