使用 Babel WebStorm filewatcher 重命名和移动文件

Question

我正在尝试按照以下 gulp 工作流程迁移到 WebStorm（我目前正在评估它作为 ST3 的替代品）：

每个文件保存后
使用 babel 转译
内联源地图
将文件从 file.es6.js 重命名为 file.js
将其从 src/ 树移至 dist/ 目录树。

我试过弄乱它，例如：

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

给我一些结果，但没有重命名，并且 $FileNameWithoutExtension$ 我什至不知道如何查看，提取 es6. 部分并将其删除。

Answer 1

要为每个 src/file.es6.js 生成 dist/file.js，请尝试以下文件监视器设置：

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

但是，我不确定您为什么需要用文件观察器替换 Gulp - 为什么不继续使用 Gulp？它与 WebStorm

完美配合

使用 Babel WebStorm filewatcher 重命名和移动文件

Rename and move file with Babel WebStorm filewatcher

webstorm

babeljs

file-watcher