使用NX Monorepo时--prod与--build-optimizer无法减小Angular包体积

• 确认构建配置的优化项是否生效
  先检查project.json（或angular.json）中targets.build.configurations.production的配置，确保核心优化参数已开启：

  "production": {
    "optimization": true,
    "outputHashing": "all",
    "sourceMap": false,
    "aot": true,
    "vendorChunk": false,
    "buildOptimizer": true
  }
  

  同时查看package.json里的build:www脚本，若脚本本身已包含--configuration=production，额外添加--prod不会产生叠加效果。

• 彻底清理残留文件与缓存
  手动删除dist目录后再执行构建，避免旧产物干扰：

  rm -rf dist
  nx clear-cache
  nx run www:build --prod --build-optimizer --skip-nx-cache
  

  注意--skip-nx-cache是Nx官方推荐的禁用缓存参数，比NX_CACHE=skip更可靠。

• 分析包体积组成定位问题
  用source-map-explorer工具拆解main.js的内容，找出未被优化的代码：

  1. 安装工具：npm install source-map-explorer --save-dev
  2. 临时修改生产配置的sourceMap为true，重新构建
  3. 执行分析：source-map-explorer dist/www/main.*.js
     通过可视化结果，能快速定位是否有未被tree-shaking的第三方依赖或冗余代码。

• 检查版本兼容性
  确认Angular CLI与Nx版本匹配，过时版本可能存在优化逻辑失效的bug，尝试升级到对应大版本的最新补丁版。

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