javascript - Babel 使用通配符编译路径但保留文件夹结构

Question

您好，我正在测试如何将带有通配符的路径提供给 babel 并输出相同的结构。

|src
|---A
|-----src
|-----------a.js
|---B
|-----src
|-----------b.js

如果我运行 babel root/**/src -d lib/**/lib，它会输出

|lib
|---**
|-----lib
|-----------a.js
|-----------b.js

然而，我想要的是，

|lib
|---A
|-----lib
|-----------a.js
|---B
|-----lib
|-----------b.js

我该怎么做？

Answer 1

babel cli 不能完全做到这一点。它可以通过 --relative 选项接近:

babel src/*/src --out-dir ../lib --relative

然而，这并没有重命名顶级目录；您最终会在原始根目录中得到如下所示的结构:

|src
|---A
|-----lib
|-----------a.js
|-----src
|-----------a.js
|---B
|-----lib
|-----------b.js
|-----src
|-----------b.js

如果你真的需要最终的结构，你可以用一些 bash cp -R src lib; rm -rf lib/*/src.或者使用 rsync rsync -r --exclude='src/*/src' src lib。或者，不使用上面的 --relative，而是使用 ls src | 分别编译每个包。 xargs -I{} babel src/{}/src -d lib/{}/lib

如果你真的想一步完成，你可能必须使用像 Gulp 这样的工具，或者直接用 babel API 编写脚本。