PhpStorm不会使用ES6模板文字进行编译

时间:2018-03-06 17:33:50

标签: javascript ecmascript-6 phpstorm webstorm

代码:

let name = 'kevin';
console.log(`${name}`);

PhpStorm文件观察程序设置 File Watcher Setup

问题 如果我使用上面的代码(ES6模板文字),它不编译(transpile?)。或者更准确地说它是“执行Babel任务”然后运行输出状态“进程已完成退出代码0 ”。没有我能看到的错误。

但是,主文件(functions.min.js)不会上传。如果我将代码更改为:

console.log(name);

它工作得很好......?现在正在研究一段时间,似乎无法弄清楚为什么会这样。

我的内部有一个.babelrc文件:

{
  "plugins": ["transform-es2015-template-literals"],
  "presets": ["es2015"]
}

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:3)

您正在文件观察者参数字段中将--presets传递给babilon;但是在命令行中传递的选项会覆盖.babelrc中的设置。请从参数中删除--presets,或通过指定相应的.babelrc--plugins

使参数符合您的--presets设置