我正在尝试编写一个执行以下操作的 gulp 文件:
- 运行监视任务,在任何模板更改时重建 Handlebars 模板。
- 如果构建失败,它会通过 notify() 方法通知 BrowserSync,因此如果出现问题,我可以在浏览器中看到弹出窗口。手表不应该停止。
- 如果构建正常,它会调用 browserSync.reload()。
所以我想出了以下代码:
function SomeTask() {
return gulp.src('*.hbs')
.pipe(plumber())
.pipe(somePlugin1())
.pipe(somePlugin2())
.pipe(gulp.dest('dest'));
}
gulp.watch(['*.hbs'], function(event) {
SomeTask()
.on('error', function(error) {
browserSync.notify('ERROR!');
})
.on('end', browserSync.reload)
})
问题是如果我使用 gulp-plumber 'end' 事件是 emmits 并且 browserSync.reload() 被调用。所以我在浏览器中没有看到任何错误通知。另一方面,如果没有“管道工”,任何构建错误都会中断监视任务。
有任何想法吗?