windows - 如何在带有 Babel6 的 Win10 上使用 WebStorm 通过 IDE ES6 转换为 ES5（和 React-JSX）？

Question

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

• 在 WebStorm-Settings (Tools) 中创建一个“File Watcher”-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 文件。

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

Answer 1

对我来说，解决方案是填写 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 可以被 File Watcher 调用。