如何配置 WebStorm FileWatchers 以使用 babel 并保留源目录结构

如何配置 WebStorm FileWatchers 以使用 babel 并保留源目录结构

我想使用 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

参数

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

相关内容