如何vs code设置babel编译，让编译后的文件与原文件在同一文件夹下？

Question

我查了网上关于vscode的babel设置文章，最后能实现的效果是，把原目录里的文件编译到目标目录的子目录（与原目录同名）。
例如
src ---> dist/src

我学习了babel的教程，学得不是很懂。
我想实现的效果是
src//.js -----> src//.compile.js
这种的编译效果。
监视编译过程中，不对.compile.js结尾的文件进行编译。

我目前学习了解的，就是package.json里的这个块代码决定编译后的文件在哪儿

"scripts": {
    "babelWatch":"babel src/**/*.js -d dist -w -s inline"
  }

我学习了babel的文档，学的不好，没学会怎么设置才能实现我的目标。
向大家请教。

Answer 1

是 -d dist 控制输出到 dist 目录。

想要实现 src/index.js -----> src/index.compile.js

直接

babel src/index.js --out-file src/index.compile.js

不过一般编译后的文件单独放在一个目录。

官方文档很详细，可以照着文档试一下，基本就清楚了。