Javascript 查看子文件夹并转换更改的文件

我有以下文件夹结构：

|-- public
    |-- _category1
        |-- foo.js
        |-- bar.js
    |-- _category2
        |-- test.js
    |-- _...
|-- src
    |-- _category1
        |-- foo.js
        |-- bar.js
    |-- _category2
        |-- test.js
    |-- _...

src文件夹中的文件是ES6，公用文件夹中的文件必须是ES5

是否有方法观察src文件夹及其子文件夹的更改（即保存的文件），并将这些文件（而不是整个目录）转换为公用文件夹中相应的子文件夹

我当前的解决方案是手动使用：

npx-babel源文件--out文件targetfile

提前谢谢

---

多亏了MTCoster的回答，我想出了一个愚蠢而简单的答案

npx babel src --out-dir public --watch

---

您正在寻找

--watch

选项：

要在每次更改文件时编译文件，请使用

--watch

或

-w

选项：

npx babel script.js--注意文件script-compiled.js

---

在。

中，您正在查找

--watch

选项：

要在每次更改文件时编译文件，请使用

--watch

或

-w

选项：

npx babel script.js--注意文件script-compiled.js

---

从。

中，感谢您的回答，但这难道不是只监视一个文件而不是文件夹中的所有文件吗？如果该文件导入项目中的其他文件，babel应该足够聪明，可以为这些文件注册监视者。在90%的情况下，这里的解决方案就是试试看，看看会发生什么。谢谢你的回答，但这不就是只看一个文件而不是文件夹中的所有文件吗？如果该文件导入项目中的其他文件，babel应该足够聪明，可以为这些文件注册观察者。在90%的情况下，这里的解决方案就是尝试一下，看看会发生什么。