Webstorm:debugging在ES6中编写的摩卡testing

在使用WebStorm 10进行Node.js开发时,我无法在debugging时逐步完成testing用例(用ES6编写)。 我猜测编译文件会使testing文件不同步。 想知道是否有人能够成功debugging?

这是我的test.js文件

describe('TestFlow', function () { "use strict"; it('Test Path', (done) => { console.log("Testing_1 happy path\n"); console.log("Testing_2 happy path\n"); done(); }); }); 

我已经configuration了Mocha选项来使用–compilers js:babel / register 。 现在,当我尝试debugging代码时,逐步过程是不可预知的,并且不起作用。 babel编译混淆了debugging过程。

请问我是否有解决此问题的方法? 我认为debuggingES6代码是WebStrom 10中的一个function,但我没有运气

       

网上收集的解决方案 "Webstorm:debugging在ES6中编写的摩卡testing"

Webstormdebugging器将无法使用运行时babel编译。 你需要首先使用源代码的babel编译你的ES6文件,并把它们放在dist目录中。 你可以使用这个 gulp任务来做到这一点。

在webstorm的debugging摩卡configuration点工作目录到上面创build的dist目录。 也可以将testing目录指向dist目录中的testing。 在原始的ES6testing文件中放置一个断点,然后开始debugging会话。

这至less在WebStorm 2017.1中是有效的。 JetBrains已将此问题标记为已修复

从docker:

 > npm install --save-dev babel-core babel-preset-es2015 

在菜单运行/编辑configuration…摩卡运行/debuggingconfiguration下,input此选项:

 Extra Mocha options: --compilers js:babel-core/register 

另外,有一个.babelrc文件(或放在package.json中)

 { "presets": [ "es2015" ] } 

你现在应该可以运行和debugging你的ES6unit testing了