如何使用 Babel6 在 Win10 上使用 WebStorm 通过 IDE ES6 转译为 ES5(和 React-JSX)?

How transpile via IDE ES6 to ES5 (and React-JSX) with WebStorm on Win10 with Babel6?

很多消息来源解释说,为此你需要

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

但是...当 babel-cli 模块刚刚在其 bin 文件夹中传送 "babel.js" 文件时,我如何 运行 Windows 上的 babel-Command?但是 Windows 只能执行 .exe, .bat 或 .cmd 文件。

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

我的解决方案是以某种方式填写 File Watcher 表单,将节点可执行文件的调用作为 Program 并将对 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。