Angular：构建一个App后，我们怎么知道它是哪个Environment答案

【问题标题】：Angular: After building an App, how do we know, which Environment it isAngular：构建一个App后，我们怎么知道它是哪个Environment
【发布时间】：2018-05-07 06:48:07
【问题描述】：

我有一个带有 dev, prod & QA 环境的 Angular 应用程序。

我通过 ng build --env=QA 构建它

构建后，我怎么知道它在 QA 环境中没有部署到服务器？

【问题讨论】：

在QA env 中进行一些更改并检查，不是吗？

标签： angular angular-cli

【解决方案1】：

我们可以在 dist/main.bundle.js 中找到它的环境变量。

所以，通过这个，我们知道它是哪个环境。

var environment = {
    production: true,
    envName: 'QA'
};

【讨论】：

【解决方案2】：

你可以在任何地方导入环境

import { environment } from './path/to/env';

...

以后会这样使用

console.log(environment.envName);

【讨论】：

为此，我必须将其部署到服务器。
要使用它，你必须编译或构建它。

【解决方案3】：

首先，为每个 environment.{env}.ts 文件添加一个新属性。

export const environment = {  
  production: false,
  envName: 'dev'
};

然后在myapp.component.ts文件中导入设置，并设置绑定。

import { environment } from './environment';

export class MyappAppComponent {  
  environmentName = environment.envName;
}

当应用程序被构建（ng build）或服务（ng serve）时，来自/environments 的environment.{env}.ts 文件被拉取并替换/src/app 中的文件。默认情况下这是 dev。

【讨论】：