关于gulp任务报错处理

一、关于报错情景

　　gulp进入到任务流的时候如果出现错误的话，一般来说进程会自动挂掉，要重新启动任务才能继续。由此，导致如果任务出错的话就很麻烦。所以gulp提供了监听error进行错误处理的函数。

二、关于错误处理，直接上代码

//压缩html等操作但我这里因为是测试，所以只是简单的复制没有做处理
gulp.task("html",function(){
    return gulp.src("app/**/*.html")
    .pipe(gulp.dest("app"))
    .on("error",function(err){
        console.log('Less Error!', err.message);
        this.emit('end');
    })
    .pipe(webServer.reload())
})

三、重点

　　如上所示：gulp提供一个on("error",callback)抓取任务报错，并且。通过回调可打印出error对象。

　　这里有个非常重要的坑：this.emit(‘end’)，之前看了很多博文里都没有这一步的处理，但是我没有这一步处理的时候虽然watch进程不会挂了，但是html文件发 生变化时却不会自动编译了。所以要加上这个。有很多博文写了this.end();但至少我试了是没什么用的；

四、错误处理插件

　　1、gulp错误处理插件还是比较多的，最常用的就是gulp-plumber；参考：https://www.cnblogs.com/liangcheng11/p/6894943.html

　　  2、但是个人觉得还不如自定义一个errorhandler函数。如下：

 

function handler (err){
    console.log('Less Error!', err.message);
    this.emit('end');
}
//压缩html等操作但我这里因为是测试，所以只是简单的复制没有做处理
gulp.task("html",function(){
    return gulp.src("app/**/*.html")
    .pipe(gulp.dest("app"))
    .on("error",handler)
    .pipe(webServer.reload())
})