如何检查Angular应用程序是否在生产或开发模式下运行

Question

这似乎很容易，但我找不到任何解决办法。

那么，如何检查我的应用程序是运行在生产模式还是开发模式？

Answer 1

根据https://Angular.io/guide/Deployment#enable-production-mode上的Angular部署指南：

为生产构建（或添加--environment=prod标志）启用生产模式查看CLI生成的main.ts以了解其工作原理。

main.ts具有以下功能：

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

if (environment.production) {
  enableProdMode();
}

因此，请检查environment.production以查看您是否处于生产状态。

您很可能不想调用isDevMode()。根据https://Angular.io/API/core/isdevmode的Angular API文档：

调用一次后，该值被锁定，不会再变了...默认情况下，这是真的，除非用户在调用此之前调用enableProdMode。

我发现从ng build--prod构建调用isdevmode()总是返回true，并且总是锁定您在dev模式下运行。相反，请检查environment.production以查看您是否处于生产状态。那么你将停留在生产模式。

Answer 2

您可以使用此函数isDevMode

import { isDevMode } from '@angular/core';

...
export class AppComponent { 
  constructor() {
    console.log(isDevMode());
  }
}

注意：使用此功能时要小心

if(isDevMode()) {
  enableProdMode();
}

你会得到

错误：平台设置后无法启用prod模式

• https://github.com/angular/angular/blob/2.0.0/modules/%40angular/core/src/application_ref.ts#l58

环境变量

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

if (environment.production) {
  //
}

由webpack process.env.node_env变量注入

declare let process: any;
const env = process.env.NODE_ENV;

if (env  === 'production') {
  //
}