如何使用 Babel6 在 Win10 上使用 WebStorm 通过 IDE ES6 转译为 ES5(和 React-JSX)?
How transpile via IDE ES6 to ES5 (and React-JSX) with WebStorm on Win10 with Babel6?
很多消息来源解释说,为此你需要
- 在 WebStorm-设置(工具)中创建一个 "File Watcher"-作业
- 在 WebStorm 中为您要处理的文件定义一个 "Scope"
- 为配置定义一个 .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 脚本中,因为我在一篇网络文章中找到了解决方案,但这对我不起作用。
我的解决方案是以某种方式填写 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。
很多消息来源解释说,为此你需要
- 在 WebStorm-设置(工具)中创建一个 "File Watcher"-作业
- 在 WebStorm 中为您要处理的文件定义一个 "Scope"
- 为配置定义一个 .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 脚本中,因为我在一篇网络文章中找到了解决方案,但这对我不起作用。
我的解决方案是以某种方式填写 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。