Angular：在构建应用程序之后，我们如何知道它是哪个环境

Question

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

我通过ng build --env = QA

构建它

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

Answer 1

您可以随时随地导入环境

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

...

后来就这样使用

console.log(environment.envName);

Answer 2

首先，为每个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）时，会提取environment.{env}.ts中的/environments文件并替换/src/app中的文件。默认情况下，这是开发。

Answer 3

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

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

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