通过PhpStorm中的Babel观察器自定义ES6编译文件的目录目标

Question

我有一个如下目录结构：

所有 ES6 文件都在js目录中。现在我想在编译这些文件后将它们全部放入dist目录，但我不知道如何做到这一点。

我在 PhpStorm 中添加了具有此配置的 Babel 观察程序：

程序：

D:\wamp\www\vuejs\node_modules\.bin\babel.cmd

参数：

$FilePathRelativeToProjectRoot$ --out-dir dist --source-maps --presets env

要刷新的输出路径：

dist\$FileDirRelativeToProjectRoot$\$FileNameWithoutExtension$.js:dist\$FileDirRelativeToProjectRoot$\$FileNameWithoutExtension$.js.map

我应该在观察者配置中做出哪些更改？

Answer 1

它可以如下所示：

Arguments : $FileName$ --out-dir $ProjectFileDir$\public\dist\$FileDirPathFromParent(js)$ --source-maps --presets env

Output path to refresh : $ProjectFileDir$\public\dist\$FileDirPathFromParent(js)$\$FileNameWithoutExtension$.js:$ProjectFileDir$\public\dist\$FileDirPathFromParent(js)$\$FileNameWithoutExtension$.js.map

Working directory: $FileDir$

请注意工作目录：字段通常是隐藏的，您需要展开其他选项：才能看到它