Angular本地ng serve禁用文件替换，构建时启用的配置方案

1. 调整build的development配置 #

删除angular.json中build配置下development节点内的fileReplacements内容，修改后该配置如下：

"development": {
  // 保留其他原有配置（如optimization、sourceMap等），仅移除fileReplacements
}

2. 保留production配置不变 #

build下的production配置维持原有的文件替换逻辑，确保生产构建时自动替换为环境文件：

"production": {
  "fileReplacements": [
    {
      "replace": "src/environments/environment.ts",
      "with": "src/environments/environment.prod.ts"
    }
  ]
}

3. 本地serve直接使用默认文件 #

由于serve的defaultConfiguration已设置为development，且该配置现在没有文件替换规则，执行ng serve时会直接加载默认的environment.ts，完全符合本地开发需求。

4. Docker等构建场景的执行方式 #

• 生产环境构建：运行ng build --configuration production，自动触发文件替换，加载environment.prod.ts
• 开发环境构建：运行ng build --configuration development --fileReplacements="src/environments/environment.ts,src/environments/environment.dev.ts"，通过命令行参数临时指定文件替换，无需在angular.json中新增任何配置节点

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