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

标签 typescript gulp webpack visual-studio-code

这是我的工作流程。

我有模块化的 typescript 代码。像下面这样导入:import { Logger } from './../data/logger';

然后我使用带有 ts-loader 的 webpack(准确地说是 webpack-stream)将其捆绑。我使用 gulp 运行 webpack。

所以我有以下工作流程: gulp --> webpack (ts-loader) --> bundled *.js with source-maps.我也用 browsersync运行简单的服务器并自动更新页面。

我可以从浏览器调试这段代码,但我不能从 vscode(使用 Chrome Debugging for VS Code ,甚至从 vs2015)。

什么可能导致问题?

最佳答案

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

要了解有关 SourceMap 的更多信息,check this link .

自版本 0.8.1 起,TypeScript 中可以进行源代码级调试。

如果您想阅读有关在 Visual Studio 2015 中使用 TypeScript 的更多信息,Telerik 在其 developer blog 上有一篇关于它的精彩帖子.

关于typescript - 如何调试在 vscode/vs2015 中使用 webpack 捆绑的 typescript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36164758/

相关文章:

webpack - 如何在基于 Create-React-App 的应用程序中配置 Workbox?

AngularJS ngIf 对象具有属性

inheritance - 从构造函数初始化 Typescript 类值

GulpJS 将文件夹和文件从文件夹 "foo"复制到文件夹 "bar"并保留文件夹结构

css - gulp-cssbeautify 不工作

javascript - 如何将 NodeJS 文件转换为 Vanilla 文件

javascript - Webpack:仅使用特定配置加载 IE9 的脚本

reactjs - Redux 工具包,缺少调度 thunk 类型

reactjs - 处理未定义声明文件的正确方法 (index.d.ts)

javascript - Gulp插件: splitting a Vinyl file into multiple files doesn't properly divide data