Angular 14移除enableProdMode后，optimization=true时isDevMode返回true问题

核心问题原因 #

移除enableProdMode()后，生产构建时isDevMode()仍返回true，导致判断逻辑异常，根源有三点：

• isDevMode()的行为是第一次调用时锁定模式：如果Angular还未被CLI设置为生产模式，首次调用会默认返回true，后续调用保持该值。
• CLI的生产模式注入时机晚于main.ts中isDevMode()的调用：你的判断代码在应用初始化流程前执行，此时生产模式还未激活，导致isDevMode()返回初始true。
• 原判断逻辑if(environment.production && isDevMode())本身矛盾：正常生产环境下environment.production为true，isDevMode()应为false，不可能同时满足，这说明生产模式未被正确激活。

解决方案 #

方案1：用environment.production判断（推荐）

environment.production是Angular CLI构建时直接替换的常量，生产构建时自动设为true，开发环境为false，比isDevMode()更可靠。修改逻辑：

if (environment.production) {
  // code block 2（生产环境逻辑）
} else {
  // code block 1（开发环境逻辑）
}

方案2：检查并完善CLI生产配置

确保angular.json中production配置的关键参数齐全，这些参数共同保证CLI自动激活生产模式：

"configurations": {
  "production": {
    "production": true,
    "optimization": true,
    "buildOptimizer": true,
    "aot": true,
    "vendorChunk": false,
    "extractLicenses": true
  }
}

方案3：延迟调用isDevMode()

如果必须使用isDevMode()，将判断逻辑延迟到应用初始化完成后执行，比如通过APP_INITIALIZER提前初始化模式：

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

export function initializeApp() {
  return () => {
    // 此处调用isDevMode()会得到正确的生产/开发模式
    if (!isDevMode()) {
      // 生产环境逻辑
    } else {
      // 开发环境逻辑
    }
  };
}

@NgModule({
  providers: [
    { provide: APP_INITIALIZER, useFactory: initializeApp, multi: true }
  ]
})
export class AppModule { }

验证提示 #

生产构建完成后，可检查生成的main.*.js文件，搜索isDevMode，正常情况下会被CLI替换为false；若仍为函数调用，说明构建命令未正确使用--configuration production，需确认构建命令参数。

内容的提问来源于stack exchange，提问作者saurabh gupta