Gulp观看多个文件夹

Jiew Meng

在一个项目中，在开发过程中，我想

使用Babel观看并重新编译服务器端代码（因为我想在Parse上使用“ ES6”）
使用Browserify / Watchify观看并重新编译客户端代码

我怎样才能做到这一点？我可以编写2个监视任务，但是我必须打开2个终端窗口才能监视这两个目录。可以在1个任务中完成吗？喜欢执行2个任务吗？

雅克·杰克

是的，您可以做您想做的事。

gulp.task('watch', function() {
    gulp.watch(['directoryA/**/*.js', 'directoryB/js/**/*.js'], ['task']);
});

如果您要监视其他文件类型，还可以向该数组添加更多内容。IE浏览器：'directoryA/**/*.html'

如果您希望他们像您提到的那样运行两个不同的任务，请将其更改为：

gulp.task('watch', function() {
    gulp.watch(['directoryA/**/*.js'], ['taskA']);
    gulp.watch(['directoryB/**/*.js'], ['taskB']);
});

我使用Browerify和Babelify进行了一个示例性的任务。

gulp.task('taskA', function() {
    return browserify('path/to/file.js')
    .transform('babelify')
    .bundle()
    .pipe(source('file.js')) // this is the output file name
    .pipe(gulp.dest('destination/directory/')); // and this is where it ends up
});

编辑

我只是意识到我没有解决您是否需要一项或两项任务。从技术上讲，您可以执行任何一项操作，但是最好的方法是执行两个单独的任务。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。