Ini sepertinya mudah, tetapi saya tidak dapat menemukan solusi.

Jadi, bagaimana cara memeriksa apakah aplikasi saya berjalan dalam mode produksi atau mode dev?

Anda dapat menggunakan fungsi ini isDevMode

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

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

Satu catatan : hati - hati dengan fungsi ini

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

Kamu akan mendapatkan

Kesalahan: Tidak dapat mengaktifkan mode prod setelah pengaturan platform

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

Pilihan lain

variabel lingkungan

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

if (environment.production) {
  //
}

disuntikkan oleh variabel webpack process.env.NODE_ENV

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

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

Per panduan Penerapan Angular di https://angular.io/guide/deployment#enable-production-mode :

Membangun untuk produksi (atau menambahkan flag --environment = prod) memungkinkan mode produksi Lihatlah CLI yang dihasilkan main.tsuntuk melihat bagaimana ini bekerja.

main.ts memiliki yang berikut:

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

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

Jadi periksa environment.productionuntuk melihat apakah Anda sedang dalam produksi.

Kemungkinan besar Anda TIDAK ingin menelepon isDevMode(). Per dokumentasi API Sudut di https://angular.io/api/core/isDevMode :

Setelah dipanggil sekali, nilainya dikunci dan tidak akan berubah lagi ... Secara default, ini benar, kecuali jika pengguna memanggil enableProdMode sebelum memanggil ini.

Saya telah menemukan bahwa memanggil isDevMode()dari ng build --prodbuild selalu mengembalikan true dan selalu mengunci Anda agar berjalan dalam mode dev. Sebagai gantinya, periksa environment.productionuntuk melihat apakah Anda sedang dalam produksi. Maka Anda akan tetap dalam mode produksi.

itu tergantung pada apa yang Anda tanyakan ...

Jika Anda ingin mengetahui modeAngular, seperti yang dikatakan @yurzui, Anda perlu menelepon { isDevMode } from @angular/coretetapi itu falsehanya akan kembali jika Anda menelepon enableProdModesebelumnya.

Jika Anda ingin mengetahui lingkungan build , dengan kata lain, jika aplikasi Anda berjalan minimal atau tidak, Anda perlu menetapkan variabel build di sistem build Anda ... Menggunakan Webpack, misalnya, Anda harus melihatnya 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();

Ini kode saya, jadi saya mendapat kesalahan yang sama. Saya baru saja menukar baris 3 dan 4. Kemudian masalah diperbaiki . Jadi sebelum modul bootstrap kita harus mengaktifkan mode --prod.

Yang benar bisa dimasukkan dengan cara ini,

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

Anda harus berhati-hati bahwa Anda memeriksa nilai balik isDevMode()fungsi.

Pengaturan saya gagal karena saya memeriksa keberadaan: if (isDevMode)selalu true, bahkan dalam produksi karena saya menyatakannya dengan import { isDevMode } from '@angular/core';.

if (isDevMode())dikembalikan falsedengan benar.

Cukup periksa variabel produksi yang ada di file lingkungan, itu akan benar untuk mode produksi dan salah untuk pengembangan.

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

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