javascript - 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 使参数与你的 .babelrc 设置匹配和 --presets