Angular实现一次打包，外部修改环境配置。

在Angular中，你可以通过环境配置文件来实现一次打包，外部修改环境配置的需求。以下是一个简单的例子：

1. 在Angular项目中，你会找到environments目录。通常有两个文件：environments.ts和environments.prod.ts。
2. 在environments.ts中定义开发环境的配置，在environments.prod.ts中定义生产环境的配置。

// environments.ts
export const environment = {
  production: false,
  apiUrl: 'http://dev.example.com/api'
};
 
// environments.prod.ts
export const environment = {
  production: true,
  apiUrl: 'http://prod.example.com/api'
};

3. 在angular.json文件中，配置环境变量的引用。

{
  ...
  "configurations": {
    "production": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.prod.ts"
        }
      ],
      "optimization": true,
      "outputHashing": "all",
      "sourceMap": false,
      "extractCss": true,
      "namedChunks": false,
      "aot": true,
      "extractLicenses": true,
      "vendorChunk": false,
      "buildOptimizer": true
    }
  }
  ...
}

4. 使用环境配置。

import { environment } from '../environments/environment';
 
console.log(environment.apiUrl); // 输出对应环境的API URL

5. 打包应用时，使用下面的命令来指定环境，例如生产环境：

ng build --prod

这样，你就可以通过修改外部的环境配置文件来改变应用的行为，而不需要修改应用代码本身。这样的设计模式使得部署多个环境的应用变得更加容易和灵活。