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-dir Babel 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

如何在使用Babel观察器进行转换时忽略父“src”目录

1 个答案: