Как перенести через 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.

Другие вопросы по тегам