Это кажется простым, но я не смог найти никакого решения.

Итак, как мне проверить, работает ли мое приложение в рабочем режиме или в режиме разработки?

Вы можете использовать эту функцию isDevMode

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

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

Одно замечание : будьте осторожны с этой функцией

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

Ты получишь

Ошибка: не удается включить режим продакшена после настройки платформы

• 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') {
  //
}

Согласно руководству по развертыванию Angular по адресу https://angular.io/guide/deployment#enable-production-mode :

Сборка для производства (или добавление флага --environment = prod) включает рабочий режим. Посмотрите на созданный CLI, main.tsчтобы увидеть, как это работает.

main.ts имеет следующее:

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

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

Так что проверьте environment.production, находитесь ли вы в производстве.

Скорее всего, вы НЕ хотите звонить isDevMode(). Согласно документации Angular API на https://angular.io/api/core/isDevMode :

После однократного вызова значение заблокировано и больше не изменится ... По умолчанию это правда, если пользователь не вызывает enableProdMode перед вызовом этого.

Я обнаружил, что вызов isDevMode()из ng build --prodсборки всегда возвращает true и всегда блокирует работу в режиме разработки. Вместо этого проверьте environment.production, находитесь ли вы в производстве. Тогда вы останетесь в производственном режиме.

это зависит от того, о чем вы спрашиваете ...

Если вы хотите узнать modeоб Angular, как сказал @yurzui, вам нужно позвонить, { isDevMode } from @angular/coreно он может вернуться, falseтолько если вы позвоните enableProdModeдо него.

Если вы хотите узнать среду сборки , другими словами, работает ли ваше приложение в миниатюре или нет, вам необходимо установить переменную сборки в вашей системе сборки ... Используя Webpack, например, вы должны взглянуть на definePlugin.

https://webpack.github.io/docs/list-of-plugins.html#defineplugin

new webpack.DefinePlugin({
  ENV_PRODUCTION: !!process.env.NODE_ENV
});

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
import { enableProdMode } from '@angular/core';
import { AppModule } from './app.module'


platformBrowserDynamic().bootstrapModule(AppModule);
enableProdMode();

Это был мой код, поэтому я получил ту же ошибку. Я просто поменял местами строки 3 и 4. Тогда проблема исправлена . Поэтому перед загрузкой модуля мы должны включить режим --prod.

Правильный можно поставить так,

enableProdMode()
platformBrowserDynamic().bootstrapModule(AppModule);

Будьте осторожны, проверяя возвращаемое значение isDevMode()функции.

Моя установка не удалась, потому что я проверял наличие: if (isDevMode)всегда true, даже в производстве, потому что я заявил об этом с помощью import { isDevMode } from '@angular/core';.

if (isDevMode())вернулся falseправильно.

Просто проверьте производственную переменную, присутствующую в файле среды, она будет верна для производственного режима и ложна для разработки.

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

if (environment.production) {
  // for production
} else {
  // for development
}