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

Question

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

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

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

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

我想我想要实现的是与配置源地图有关。

欢迎任何评论或指导。

edit：有人可以建议如何配置 angular CLI 以便在调试时使用 angular 和 RxJS typescript 源吗？

Answer 1

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

指定远程 URL 映射

Answer 2

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

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

它也适用于 ng build 命令。

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

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