Angular 12 如何开启旧版开发模式 关闭压缩生成sourcemap

配置不生效核心原因 #

Angular 12 开始默认将production设为ng build的默认配置，你修改的配置如果没有对应到正确的configuration节点，或是启动/构建时没有指定开发配置，修改就不会生效。

完整配置步骤 #

1. 调整angular.json配置
   打开项目根目录的angular.json，找到projects > 你的项目名 > architect > build > configurations节点，确保development子节点配置如下：

"development": {
  "optimization": false,
  "outputHashing": "none",
  "sourceMap": true,
  "extractCss": true,
  "namedChunks": true,
  "aot": false,
  "buildOptimizer": false,
  "vendorChunk": true
}

2. 按需指定配置启动

• 本地开发调试（ng serve）：
  可以直接执行命令ng serve --configuration development启动；如果要默认走开发配置，找到architect > serve > options节点，新增配置"defaultConfiguration": "development"，之后直接执行ng serve即可。
• 构建可调试的部署包：
  执行命令ng build --configuration development，打出的包就不会压缩，且携带完整sourcemap，和旧版开发模式效果一致。

注意：如果确实需要修改生产模式的打包规则（不推荐，生产环境建议开启优化提升性能），可以直接修改architect > build > configurations > production节点下的对应参数即可。

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