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

Question

这是我的工作流程.

我有模块化的打字稿代码.进口如下:import { Logger } from './../data/logger';

然后我使用webpack(精确地,webpack-stream)和ts-loader捆绑它.我用gulp运行webpack.

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

我可以从浏览器调试此代码,但我不能从vscode(使用Chrome调试VS代码,甚至来自vs2015).

什么可能导致问题？

Answer 1

调试 Typescript 与调试 C# 代码有点不同。您需要从SourceMap进行调试。

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

自版本0.8.1起，TypeScript 中提供了源代码级调试

如果您想了解有关在 Visual Studio 2015 中使用 TypeScript 的更多信息，Telerik 在其开发人员博客上发布了一篇关于它的精彩文章。