CODEWITHSUNDEEP
webstormbabeljsfile-watcher
Zlatko
Zlatko

Reputation: 19578

Rename and move file with Babel WebStorm filewatcher

I'm trying to move to WebStorm (which I'm currently evaluating as a ST3 replacement) the following gulp workflow:

I've tried messing with it, for example:

--source-maps inline --stage 1 --out-dir dist/

gets me some results, but not renamed, and with $FileNameWithoutExtension$ I don't even know how to look into, extract that es6. part and remove it.

Upvotes: 1

Views: 489

Answers (1)

lena
lena

Reputation: 93868

To have dist/file.js generated for each of your src/file.es6.js, try the following file watcher settings:

Arguments: --source-maps inline --out-file $ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutAllExtensions$.js $FilePath$
Working directory: $FileDir$
Output paths to refresh: $ProjectFileDir$/dist/$FileDirRelativeToProjectRoot$/$FileNameWithoutAllExtensions$.js

I'm, however, not sure why you need replacing Gulp with file watchers - why not proceeding with Gulp? It works perfectly well with WebStorm

Upvotes: 2

Related Questions