如何在(gulpfile.ts)中用TypeScript编写的WebStorm Gulp任务中调试

时间:2016-09-16 15:01:29

标签: typescript gulp webstorm

目前,在使用JavaScript编写WebStorm时,调试Gulp任务看起来非常容易。您只需右键单击Gulp Tasks窗口中的gulp任务,然后选择debug and voila :)。现在经常在安装https://github.com/TypeStrong/ts-node之前和之后使用TypeScript,您可以使用TypeScript编写Gulp任务,并且您也可以创建gulpfile.ts而不是gulpfile.js

使用TypeScript编写的运行Gulp任务与gulp my.task之前相同,任务的实际代码将位于my.task.ts内。会发生什么事情,这个ts-node模块会做一些魔术,可能会在内存中编译gulpfile.ts并且所有注册的任务,然后它将为他们提供一些如何真正的Gulp节点模块。

我的问题是如何为这个Gulp *.ts文件添加断点并通过WebStorm调试它们?

如果我尝试调试使用TypeScript编写的gulp任务,会发生以下情况:

"C:\Program Files (x86)\JetBrains\WebStorm 2016.2.3\bin\runnerw.exe" "C:\Program Files (x86)\nodejs\node.exe" --debug-brk=64720 --expose_debug_as=v8debug E:\XXXXXXXX\node_modules\gulp\bin\gulp.js --color --gulpfile E:\XXXXXXXX\gulpfile.ts build.js.dev
Debugger listening on [::]:64720
[17:43:13] Requiring external module ts-node/register

Process finished with exit code -1073741510 (0xC000013A: interrupted by Ctrl+C)

您可以在此处找到使用TypeScript编写Gulp任务的项目:https://github.com/mgechev/angular2-seed

0 个答案:

没有答案