构建 Angular 应用程序时有没有办法通过 CLI 传递参数？

Question

我正在使用 Angular 16，并且有一个特定的场景：我的应用程序将在许多机器上本地运行，每台机器都有一个不同的 ip，因此这意味着每个服务器 url 都会不同。目前，我从

environment.ts

获取此网址，如下所示：

export const environment = {
    apiUrl: 'http://11.22.33.44:5678/',
};

目前，每次我需要构建应用程序时，我都会手动更改 url。我想通过 CLI 命令来完成此操作。即

ng build --configuration=production --serverUrl=http://55.66.77.88:5678/

。

这是我的

angular.json

制作部分

"configurations": {
  "production": {
    "fileReplacements": [
      {
        "replace": "src/environments/environment.development.ts",
        "with": "src/environments/environment.ts"
      }
    ]
}

我已阅读这个问题，但它说我需要为每个场景创建一个环境。它不是完全动态的。

Answer 1

首先，尝试为

apiUrl

设置占位符值：

export const environment = {
    apiUrl: 'PLACEHOLDER_VALUE',
};

然后，在构建项目时，您可以使用

--env

选项来指定

apiUrl

环境变量值，例如：

ng build --configuration=production --env.apiUrl='YOUR_ACTUAL_API_HERE'