Angular 11中已弃用的ng serve参数vendor-source-map的替代方案是什么？

该功能没有被移除，Angular 11对源映射相关配置做了重构，原--vendorSourceMap启动参数被废弃，统一整合到了sourceMap的细分配置项中，你可以通过以下两种方式配置：

方式1：命令行临时启用 #

直接在启动命令中添加对应参数即可：
ng serve --sourceMap vendor
如果需要同时开启脚本、样式的第三方/vendor包源映射，可使用：
ng serve --sourceMap scripts,styles,vendor

方式2：angular.json 永久配置 #

打开项目根目录的angular.json，找到对应项目的配置节点，修改如下：

{
  "projects": {
    "你的项目名": {
      "architect": {
        "build": {
          "configurations": {
            "development": {
              // 新增以下sourceMap配置
              "sourceMap": {
                "scripts": true,
                "vendor": true,
                "styles": true
              }
            }
          }
        },
        "serve": {
          "defaultConfiguration": "development"
        }
      }
    }
  }
}

配置完成后直接执行ng serve即可生效。

异常排查 #

如果配置完成后仍无法看到Angular Library源码，可按以下步骤排查：

• 清除Angular缓存启动：执行ng serve --no-cache
• 打开浏览器开发者工具设置，勾选「禁用缓存（已打开开发者工具时）」，刷新页面
• 若你使用本地link的自研Angular Library，需确认库打包时已开启源映射输出：在库的ng-package.json中配置"sourceMap": true

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