Как перенести через IDE ES6 на ES5 (и React-JSX) с WebStorm на Win10 с Babel6?
Многие источники объясняют, что для этого вам нужно
- создайте "File Watcher"-Job в WebStorm-Settings (Инструменты)
- определите "Область" в WebStorm для файлов, которые вы хотите обработать
- определить файл.babelrc для конфигурации. Babel будет использовать это автоматически, так что вы сохраните некоторые параметры в вызове
{
"presets": ["es2015", "react"],
"plugins": ["transform-es2015-arrow-functions"]
}
npm install --save-dev
соответствующие пакеты вместе с пакетом babel-cli.
НО... как я могу запустить команду babel-Command в Windows, когда модуль babel-cli просто доставляет файл "babel.js" в свою папку bin? Однако Windows может выполнять только.exe,.bat или.cmd-файлы.
Я попытался обернуть вызов в cmd-скрипт, содержащий babel %*
как я нашел решение в одной веб-статье, но это не сработало для меня.
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.