So konfigurieren Sie WebStorm FileWatchers für die Verwendung von Babel und behalten die Quellverzeichnisstruktur bei

612
Michael Prescott

Ich möchte die File Watchers und Makros von WebStorm verwenden, um ES2015-JavaScript in ES5-JavaScript umzuwandeln und die Quellverzeichnisstruktur in das Zielverzeichnis zu replizieren. Ich kann keine Kombination von Makrovariablen oder anderen Konfigurationen finden, um dies zuzulassen. Mein Projekt ist folgendermaßen organisiert:

~/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

Die Dokumentation von Jetbrain empfiehlt die Verwendung $FileDirRelativeToProjectRoot$;. Ich glaube jedoch, dass dies Ihre Quelle im Projektstamm selbst und nicht in einem srcUnterordner ist.

1

1 Antwort auf die Frage

1
lena

Argumente :

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

oder 

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

Ausgabepfade zum Aktualisieren :

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

oder

$ProjectFileDir$/dist/$FileDirPathFromParent(src)$$FileNameWithoutExtension$.js:$ProjectFileDir$/dist/$FileDirPathFromParent(src)$$FileNameWithoutExtension$.js.map
Diese Lösung funktioniert wie ein Zauber, sie muss als richtige Antwort ausgewählt werden! Yulio Aleman Jimenez vor 5 Jahren 1

Verwandte Probleme