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

【问题标题】：How to ignore the parent "src" directory when transpiling using Babel watcher使用 Babel watcher 编译时如何忽略父“src”目录
【发布时间】：2018-06-21 01:45:48
【问题描述】：

我的代码有目录结构：

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

是否可以更改观察程序配置来实现此目的？我想不通！非常感谢任何帮助。

【问题讨论】：

标签： webstorm babeljs file-watcher

【解决方案1】：

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

你有两个选择：

改用--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

【讨论】：