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

568
Michael Prescott

Я хотел бы использовать наблюдатели файлов и макросы 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подпапке.

1

1 ответ на вопрос

1
lena

Arguments:

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

or 

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

Output paths to refresh:

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

or

$ProjectFileDir$/dist/$FileDirPathFromParent(src)$$FileNameWithoutExtension$.js:$ProjectFileDir$/dist/$FileDirPathFromParent(src)$$FileNameWithoutExtension$.js.map
Это решение работает как шарм, оно должно быть выбрано как правильный ответ! Yulio Aleman Jimenez 5 лет назад 1

Похожие вопросы