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，但我没有运气

Answer 1

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

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

Answer 2

这至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了