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

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$

注意，工作目录：字段通常是隐藏的，您需要展开其他选项：来查看它。