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

标签 javascript ecmascript-6 phpstorm webstorm

代码:

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

PhpStorm 文件观察器设置 File Watcher Setup

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

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

console.log(name);

它工作正常......?研究了一段时间,似乎无法弄清楚这是为什么。

我确实有一个 .babelrc 文件,里面有这个:

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

任何帮助将不胜感激!

最佳答案

您正在文件观察器参数字段中将--presets传递给babilon;但命令行中传递的选项会覆盖 .babelrc 中的设置。请从参数中删除--presets,或者通过指定适当的--plugins使参数与您的.babelrc设置匹配和--预设

关于javascript - PhpStorm 不会使用 ES6 模板文字进行编译,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49136813/

相关文章:

javascript - 脚本未在模式窗口中运行

javascript - 是否接受PayPal购物车?

javascript - ES6 数组过滤器删除常见项

reactjs - React 子组件不会重新渲染状态更改

phpstorm - 删除旧的 .PhpStorm 目录是否安全

php - 如何在PHPStorm中自动格式化PHP注解

javascript - 如何在 vue-router 中设置 afterEach 处理程序

javascript - 重构DOM搜索方法?

javascript - $在 vue.js,es6 语法中从子级向父级发出事件

phpstorm - 在 PHPStorm 中隐藏更改标记