javascript - 监视子文件夹并转换更改的文件

Question

我有以下文件夹结构:

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

src文件夹中的文件是ES6，public文件夹中的文件必须是ES5。

有没有办法观察 src 文件夹及其子文件夹的更改(即保存的文件)并将这些文件(不是整个目录)转换到公共(public)文件夹中相应的子文件夹中？

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

npx babel 源文件 --out-file 目标文件

提前致谢

<小时/>

感谢 MTCoster 的回答，我想出了一个愚蠢的简单答案

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

Answer 1

您正在寻找--watch选项:

To compile a file every time that you change it, use the --watch or -w option:

npx babel script.js --watch --out-file script-compiled.js

来自 Babel docs .