Angular 6中如何通过ng build指定环境？原Angular5命令报错

嘿，这个问题我太熟了！Angular 6开始废弃了旧的--env参数，改用--configuration（可以缩写成-c）来指定构建环境，具体操作分两步走：

1. 确认/配置angular.json中的环境配置 #

首先打开项目根目录下的angular.json文件，找到和项目名同名的节点，定位到architect -> build -> configurations部分。这里默认会有production配置，你需要添加对应的uat配置，示例如下：

"configurations": {
  "production": {
    // 原有生产配置内容...
  },
  "uat": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.ts",
        "with": "src/environments/environment.uat.ts"
      }
    ],
    // 以下是生产环境级别的优化配置，可根据uat需求调整
    "optimization": true,
    "outputHashing": "all",
    "sourceMap": false,
    "extractCss": true,
    "namedChunks": false,
    "aot": true,
    "extractLicenses": true,
    "vendorChunk": false,
    "buildOptimizer": true
  }
}

同时要确保src/environments目录下已经创建了environment.uat.ts文件，配置好uat环境对应的变量，比如：

export const environment = {
  production: true,
  apiUrl: 'https://uat.example.com/api'
};

2. 使用新命令执行构建 #

配置完成后，原来的ng build --prod --env=uat就可以替换成：

ng build --configuration=uat

或者用缩写更简洁：

ng build -c uat

如果你的uat环境不需要生产级别的优化（比如保留sourceMap方便调试），可以修改angular.json里uat配置的对应参数，或者在命令中额外添加参数覆盖即可。

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