在调试时提供第三方 javascript 库的源代码答案

【问题标题】：Having source code for third party javascript libraries available whilst debugging在调试时提供第三方 javascript 库的源代码
【发布时间】：2017-06-27 17:38:24
【问题描述】：

我想知道是否可以在调试时提供第三方 javascript 库的源代码。

仅供参考，我使用 npm/nodejs 和 angular CLI（它本身依赖于 Webpack）。

我希望在调试期间可用的示例库（连同它们的源语言）是：

Angular 2（打字稿）
RxJS（打字稿）

我想我想要实现的与配置源映射有关。

欢迎任何评论或指导。

编辑：有人可以建议如何配置 angular CLI 以便在调试时使用 angular 和 RxJS 打字稿源吗？

【问题讨论】：

标签： node.js npm webpack angular-cli source-maps

【解决方案1】：

为了补充 lena 的回答，从 @angular/cli 版本的 6.1 开始，现在可以使用以下语法为供应商库输出源映射：

ng serve --source-map --vendor-source-map

它也适用于ng build 命令。

另请参阅：https://blog.ninja-squad.com/2018/07/27/angular-cli-6.1/

然后可以使用 IDE 或浏览器调试第三方库。

【讨论】：

【解决方案2】：

是的，为了能够在调试时在源文件中设置断点，您需要源映射。但这不是可以在 IDE 中配置的东西，您需要相应地设置构建工具。唯一应该在 IDE 端配置的是运行配置 - 您可能需要为您的项目目录指定远程 URL 映射

【讨论】：

感谢您的意见。我现在明白它与构建工具的关系比与 IDE 的关系更大。我将相应地编辑我的帖子。
嗨 lena：您能否指导我查看有关如何设置构建工具/源映射配置的相关文档/教程，以便在调试时使用第三方库 typescript 源？我真的被困在这里了......
据我所知，使用 npm 安装 angular 时不包含 angular2 .ts 源...因此，由于它们在本地不可用，因此无法调试。已安装 RJx .ts 源，但不包含在 angular-cli 构建的 webpack 包中
太可惜了……你知道有什么办法可以规避这个问题吗？也许通过不使用 angular-cli 直接使用 webpack？
当然，您可以创建自定义 webpack 配置并将其用于构建项目。见angular.io/docs/ts/latest/guide/webpack.html