如何在我的项目中使用 Chrome 调试 Angular *ngIf 结构指令？

Question

我想将 Angular 源代码/源映射附加到我生成的 Angular CLI 项目中，以便我可以像*ngIf在 Chrome 中一样调试指令。

是否可以以某种方式将调试器附加到ng_if.ts使用某些 angular.json 配置/源映射...？或者是否有一个设置可以在开发模式下添加源映射，以便我可以单步执行任何带有源映射的第三方库？

如果我在Chrome中按Ctrl+O然后输入，ngIf或者ng_if列表菜单中没有这样的文件。

编辑：提供供应商源映射时的样子（请参阅接受的答案）：

Answer 1

这也让我很好奇。我从来不需要调试 Angular 源代码，但为什么不呢。

似乎有一个vendorSourceMapng cli 的标志在某个时候已被弃用，而执行此操作的新方法是通过angular.jsonv7.2 以来的文件（https://blog.ninja-squad.com/2019/01/09/角度-cli-7.2/）：

"serve": {
  "options": {
    "sourceMap": {
      "scripts": true,
      "styles": true,
      "vendor": true
    },
  ...
}