使ES6在WebStorm中工作

Question

关于如何在WebStorm 10上使用ES6的任何想法？

到目前为止，这是我所做的：

1. 已安装Babel。
2. 通过设置>工具>文件监视程序激活Babel。 选中了Babel复选框。
3. 编辑配置>启动文件监视程序之前> +，然后单击“运行文件监视程序”。
4. 将代码设置为ES6
5. 将运行配置更改为使用编译版本。

然后创建以下琐碎的代码：

require("babel/register");
function* count(n){
    console.log(n);
}

该代码应正确显示，没有语法错误。 （确保已打开ES6的便捷方法）。

运行它（实际上运行编译版本），然后获取它。

var marked0$0 = [count].map(regeneratorRuntime.mark);
                            ^
ReferenceError: regeneratorRuntime is not defined

为什么？ 如何使用Babel进行预编译然后运行？ 这行不应该处理再生器吗？

require("babel/register");

（如果重要，则为Windows 7）。

Answer 1

Babel的require挂钩要求您具有BABEL_CACHE_PATH环境变量。 您可能还需要在WebStorm的File Watcher配置中指定它们。

Answer 2

“要求挂钩”仅适用于您在注册后所需的文件，而不适用于注册挂钩本身的文件。

所以这工作：

// index.js
require('babel/register');
require('./count');

// count.js
function* count(n){
  console.log(n);
};

Answer 3

我认为根据您描述的错误的性质，可能需要做两件事才能使其正常工作。

1. npm install babel-core
2. 添加--optional runtime作为调用babel的参数

这是基于此处详细介绍的内容。