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

Question

代码：

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

PhpStorm 文件观察器设置

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

但是，主文件 (functions.min.js) 没有上传。如果我将代码更改为：

console.log(name);

它工作正常......？现在已经研究了一段时间，似乎无法弄清楚这是为什么。

我确实有一个 .babelrc 文件，里面有这个：

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

如有任何帮助，我们将不胜感激！

Answer 1

您正在将 --presets 传递给 File watcher Arguments 字段中的 babilon；但是在命令行中传递的选项会覆盖 .babelrc 中的设置。请从 Arguments 中删除 --presets，或者通过指定适当的 --plugins 和 --presets

使参数与您的 .babelrc 设置匹配

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

PhpStorm will not compile with ES6 template literals

javascript

phpstorm

webstorm

ecmascript-6