Angular 使用ng build--prod编译时，如何更改变量的值？

我的场景如下，我有一个名为

config.ts

的文件，其中存储了我的web服务的url：

/config/webservices.ts

export const URL = "http://localhost:3000/login"; 

我想知道，根据我是在

开发中

还是在

生产中

诸如此类：

var ENVIRONMET= ENV.getEnvironment //if is development http://localhost:3000/ else https://myapp.herokuapp/;
export const URL = ${"ENVIRONMET}login"; 

所以当我跑步的时候

ng build --prod

将自动将值从

ENVIRONMET

更改为

https://myapp.herokuapp/

否则，当我在

开发中时

它将使用：

http://localhost:3000/

我不知道这是否可能

---

我怎么做？谢谢。

在environment.ts中有价值，它将生产版本替换为environment.prod.ts

例如，在environment.ts中，内容可以是：

export const environment = {
   production: false,
   url: 'http://localhost:3000',
};

在environment.prod.ts中，内容可以是：

export const environment = {
   production: true,
   url: 'https://myapp.herokuapp/',
};

如果希望使用单独的config.ts，请以类似的方式创建config.prod.ts，并在angular.json中添加文件替换

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

---

在

src/environments

文件夹中创建两个文件

environment.ts

和

environment.prod.ts

环境.产品ts

export const environment = {
  URL: 'https://myapp.herokuapp/'
};

export const environment = {
  URL: 'http://localhost:3000/'
};

环境。ts

export const environment = {
  URL: 'https://myapp.herokuapp/'
};

export const environment = {
  URL: 'http://localhost:3000/'
};

并确保在

angular.json

下面的行中可用

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

而您的

config.ts

中的

import { environment } from 'src/environments/environment';

export class Config {
    public static URL = environment.URL;
}

它将动态绑定URL