使用Babel6在Win10上使用WebStorm通过IDE ES6转换为ES5（和React-JSX）？

Question

许多消息来源解释说，为此你需要

• 在WebStorm-Settings（工具）
中创建“文件观察者”-Job
• 在WebStorm中为要处理的文件定义“范围”
• 定义.babelrc文件以进行配置。 Babel将自动使用此功能，因此您可以在通话中保存一些参数

{ "presets": ["es2015", "react"], "plugins": ["transform-es2015-arrow-functions"] }

• npm install --save-dev相应的包以及babel-cli包。

但是......当babel-cli模块只在其bin文件夹中提供“babel.js”文件时，如何在Windows上运行babel-Command？但是，Windows只能执行.exe，.bat或.cmd文件。

我尝试将调用包含在一个包含babel %*的cmd脚本中，因为我在一篇网络文章中找到了解决方案，但这对我不起作用。

Answer 1

我的解决方案是填写文件观察器表单，以便将节点可执行调用为程序，并将对babel.js的调用添加为参数的第一个

• 计划：C:\Program Files\nodejs\node.exe
• 参数：$ProjectFileDir$/node_modules/babel-cli/bin/babel.js $FilePathRelativeToProjectRoot$ --source-maps --out-dir src/test/js
• 工作目录：$ProjectFileDir$
• 要刷新的输出路径：$ProjectFileDir$\src\test\js

这使得babel.js可以为File Watcher调用。