Javascript 大口查看多个文件夹

在项目开发过程中，我想

• 使用Babel查看并重新编译服务器端代码（因为我想在解析时使用“ES6”）
• 使用Browserify/Watchify监视并重新编译客户端代码

---

我该怎么做？我可以写2个监视任务，但我必须打开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']);
});

我有一个使用和的示例吞咽任务

编辑

---

我只是意识到我没有说明你是否需要一个或两个任务。从技术上讲，你可以做这两件事，但最好的办法是有两个独立的任务。

我添加了一个答案，但现在我有一个问题，你需要帮助写任务，还是只看手表？我更喜欢一个任务，这样在开发过程中，我可以只看

gulp watch

来查看我需要澄清的所有文件夹，我说的是你的监视任务将调用的任务数。如果你看我的第二个例子，这是一个“大口大口”任务，它将监视两个目录，并为每个目录启动不同的任务。我想我需要类似于你的第二个例子的东西，除了1个是“大口大口”。watch一个应该是启动watchify任务的调用。我以后怎么办？@JiewMeng该pastebin只有在你有任务标题“watchify”的情况下才能工作。无论如何，如果这有助于解决您的问题，请向上投票或选择它作为正确答案。如果你有更多的问题，评论一下，我会尽力回答。

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
});