目前,在使用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