gulp-less解决遇到错误停止执行task

来源:互联网 发布:单片机led流水灯程序 编辑:程序博客网 时间:2024/05/01 21:05

来龙去脉

在用less+gulp开发时,有时候代码还没写完整,不小心保存了一下,然后gulp就开始执行gulp-less的task。
但是代码是有问题的,这时候会输出一个Potentially unhandled rejection,告诉你哪里出问题了,然后,
然后就挂了!!pipe就会停止输入数据,整个task就停止了。
特别是我用Sublime,设置了失去焦点自动保存,很容易出现这个问题。

解决办法

gulp-plumber插件解决了这个问题。
插件作者的想法 Error management in gulp

使用方法:

先npm下载下来

npm install gulp-plumber --save-dev

在gulpfile.js中,引入gulp-plumber,然后在处理less的task中加上:

var plumber = require('gulp-plumber');gulp.task('less', function(){    return gulp.src('./less/*.less')        .pipe(plumber())  //加上这句        .pipe(less())        .pipe(gulp.dest('./css'))        .pipe(browserSync.stream());});

参考

  • gulp-less 开发使用中的问题 - SegmentFault
  • gulp-less插件自动编译跑着跑着挂了? - 前端开发 - 知乎
0 0