webstorm - 使用 Babel watcher 编译时如何忽略父“src”目录

Question

我的代码具有目录结构：

project-root/
└── src/
    └── main.js

当我运行默认的 Babel 文件观察器时，代码被转译到 dist 文件夹中，包括其路径中的 src 目录，如下所示：

project-root/
└── src/
    ├── main.js
    dist/
    └── src
        └── main.dist.js

相反，我想要的是从路径中排除 src - 换句话说，将 src 中的转译代码“解包”并直接编译到 dist 中，如下所示：

project-root/
└── src/
    ├── main.js
    dist/
    └── main.dist.js

是否可以更改观察者配置来实现这一点？我想不通！任何帮助深表感谢。

Answer 1

这是--out-dirBabel CLI 选项行为 - 它在目标目录中重新创建源文件夹结构（相对于工作目录）。

您在这里有 2 个选项：

• --out-file改为使用
• 设置src为您的工作目录

第一个选项的可能设置：

Arguments: $FilePathRelativeToProjectRoot$ --out-file dist/$FileNameWithoutExtension$.js --source-maps --presets env
Output paths to refresh: dist\$FileNameWithoutExtension$.js:dist\$FileNameWithoutExtension$.js.map

对于第二个：

Arguments: $FileDirPathFromParent(src)$$FileName$ --out-dir $ProjectFileDir$/dist --source-maps --presets env
Output paths to refresh: $ProjectFileDir$/dist/$FileDirPathFromParent(src)$FileNameWithoutExtension$.js:$ProjectFileDir$/dist/$FileDirPathFromParent(src)$FileNameWithoutExtension$.js.map
Working directory: $ContentRoot$\src