![如何配置 WebStorm FileWatchers 以使用 babel 并保留源目录结构](https://linux22.com/image/1475471/%E5%A6%82%E4%BD%95%E9%85%8D%E7%BD%AE%20WebStorm%20FileWatchers%20%E4%BB%A5%E4%BD%BF%E7%94%A8%20babel%20%E5%B9%B6%E4%BF%9D%E7%95%99%E6%BA%90%E7%9B%AE%E5%BD%95%E7%BB%93%E6%9E%84.png)
我想使用 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