如何获取适用于npm链接角度库的源地图

时间:2019-02-26 18:12:03

标签: angular source-maps

我用ng g library @my-org/some-lib创建了angular 7库,并由npm link在单独的angular应用程序中使用它,以便能够开发应用程序和库。

现在,我发现在开发工具中,该库是一个与my-org-some-lib解析的单独的vendor.js.map捆绑js文件,但无法进一步解决该库中存在的sourceMappingURL=my-org-some-lib.js.map my-org-some-lib.js,地图文件实际上是在已建立的库中生成的。

1 个答案:

答案 0 :(得分:0)

一段时间后,我终于找到了解决方案:

  1. angular.json路径中的projects.app.architect.build.options中,需要包含
"options": {
  "sourceMap": true,
  "vendorSourceMap": true,
  "preserveSymlinks": true, // <-- bonus - to use npm link'ed libraries
  // ...
  // note that json format does not allows comments ;)
}
  1. 为了避免在生产中使用源地图,请确保(默认情况下应该存在)
"configurations": {
  "production" :{
    "sourceMap": false
    // ...
  }
}
  1. @angular-devkit/build-angular中存在一个错误,版本> = 0.801.3应该可以正常工作

以上解决方案取自https://github.com/angular/angular-cli/issues/15531