观看子文件夹并转换更改的文件

时间:2018-11-14 15:51:49

标签: javascript babeljs

我具有以下文件夹结构:

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

src文件夹中的文件为ES6,公用文件夹中的文件必须为ES5。

有没有办法观察src文件夹及其子文件夹的更改(即文件已保存)并将那些文件(不是整个目录)转换为公用文件夹中相应的子文件夹?

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

npx babel sourcefile --out-file targetfile

预先感谢


多亏了MTCoster的回答,我才想到了一个愚蠢的简单答案

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

1 个答案:

答案 0 :(得分:2)

您正在寻找--watch选项:

  

每次更改文件,都要编译文件,请使用--watch-w选项:

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

来自Babel docs