Как настроить WebStorm FileWatchers для использования babel и сохранения структуры исходного каталога

Question

Я хотел бы использовать наблюдатели файлов и макросы WebStorm для переноса ES2015 JavaScript в ES5 JavaScript и репликации структуры исходного каталога в целевой каталог. Я не могу найти комбинацию макропеременных или другой конфигурации, чтобы разрешить это. Мой проект организован так:

~/ProjectName/src/app.html
~/ProjectName/src/es2015/app.js
~/ProjectName/src/es2015/services/webapi.js
~/ProjectName/src/es5/app.js
~/ProjectName/src/es5/services/webapi.js

Документация Jetbrain рекомендует использовать $FileDirRelativeToProjectRoot$; однако я полагаю, что это предполагает, что ваш источник находится в самом корне проекта, а не в src .

Answer 1

Аргументы:

--source-maps --presets es2015 --out-file $ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js $FilePath$

или же

--source-maps --presets es2015 --out-file $ProjectFileDir$/dist/$FileDirPathFromParent(src)$$FileNameWithoutExtension$.js $FilePath$

Выходные пути для обновления:

$ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js:$ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutExtension$.js.map

или же

$ProjectFileDir$/dist/$FileDirPathFromParent(src)$$FileNameWithoutExtension$.js:$ProjectFileDir$/dist/$FileDirPathFromParent(src)$$FileNameWithoutExtension$.js.map