如何在vscode/vs2015中调试使用webpack打包的typescript代码

Question

这是我的工作流程。

我有模块化的 TypeScript 代码。导入如下：import { Logger } from './../data/logger'; 然后我使用 webpack（确切地说是 webpack-stream）和 ts-loader 进行捆绑。我使用 gulp 运行 webpack。

所以我的工作流程如下：gulp --> webpack (ts-loader) --> 捆绑的 *.js 和源映射。我还使用 browsersync 运行简单的服务器并自动更新页面。

我可以从浏览器调试此代码，但我无法从 vscode（使用 Chrome Debugging for VS Code，甚至从 vs2015）进行调试。

可能会引起问题的原因是什么？

- nrudnyk

---

你最终解决了吗？如果是这样，能否添加一个回答来解释一下如何解决的？谢谢。 - empz

Answer 1

调试TypeScript与调试c#代码有些不同。您需要从SourceMap进行调试。

要了解有关SourceMap的更多信息，请查看此链接。

自TypeScript 0.8.1版本以来，可用源级调试。

如果您想在Visual Studio 2015中阅读有关使用TypeScript的更多信息，则Telerik在其开发人员博客上发布了一篇很棒的文章。

- user5928517