angular - environment.production 变量在 app.module.ts 中始终为真

Question

我正在尝试在我的 app.module 文件中设置一个配置设置，以便它根据我是否在生产中而有所不同。

我的 environment.ts 文件有

export const environment = {
  production: false
};

我的 environment.prod.ts 文件有

export const environment = {
  production: true
};

在我的 app.module.ts 文件中，我正在尝试这样的事情

imports: [
    BrowserModule,
    AppRoutingModule,
    LoggerModule.forRoot({
      level: (environment.production ? NgxLoggerLevel.OFF : NgxLoggerLevel.DEBUG)
    }),
...

当我在任何地方执行 console.log(environment.production) 时，它告诉我这个值为 false，因为我在开发环境中时它应该是这样。

我的问题是它似乎在我的 app.module 文件中充当 true。在这种情况下，我试图将我的日志语句设置为在生产环境中被禁用，但它们在开发和生产中也被禁用。 (如果我翻转我的条件语句，那么它们就会在开发和生产中启用)。所以就好像它在不应该的时候将 environment.production 读为 true。

environment.production 变量不能像这样在 app.module 中使用还是我在这里遗漏了其他东西？

Answer 1

我直接在 app.module.ts 的顶部直接导入生产版本

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

代替

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