[英]Watch task not continuing after error caught by Gulp-plumber has been fixed despite errorHandler callback
所以我得到了这个整洁的gulpfile和所有,除了这一件事之外它工作顺利。
我正在运行gulp-plumber
来阻止监视任务因错误而崩溃,错误被它捕获但是当我修复错误时,观察者拒绝继续。 我添加了handleError
回调,但它似乎没有做任何事情,即使这篇文章说它应该。 这让我变得精神错乱,因为我知道那些已经让它工作的人没有任何这些,但我找到的解决方案似乎都没有用。 我错过了什么吗?
编辑:当我在_lists.scss
有错误时,例如抛出的错误如下所示:
[22:04:43] Plumber found unhandled error:
Error in plugin 'gulp-sass'
Message:
styles\partials\_lists.scss
1:1 invalid top-level expression
这是否意味着我还必须手动处理错误on.('error', function() {})
? 因为我认为这是管道工的目的,要删除手动错误处理。 我甚至尝试使用此手动捕获错误,但它只是吐出控制台中的错误,并拒绝继续像以前一样。
这是管道工管道部分:
// Compile our SCSS into minified CSS
gulp.task('styles', function() {
return gulp.src('styles/main.scss')
.pipe(plumber({
handleError: function (err) {
console.log(err);
this.emit('end');
}
}))
.pipe(sass({ style: 'expanded' }))
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
.pipe(gulp.dest('dist/styles'))
.pipe(rename({ suffix: '.min' }))
.pipe(minifycss())
.pipe(gulp.dest('dist/styles'))
.pipe(notify({ message: 'Finished compiling SCSS' }))
});
这是整个gulpfile.js
:
var gulp = require('gulp'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
minifycss = require('gulp-minify-css'),
plumber = require('gulp-plumber'),
jshint = require('gulp-jshint'),
uglify = require('gulp-uglify'),
imagemin = require('gulp-imagemin'),
rename = require('gulp-rename'),
concat = require('gulp-concat'),
notify = require('gulp-notify'),
cache = require('gulp-cache'),
livereload = require('gulp-livereload'),
htmlmin = require('gulp-htmlmin'),
del = require('del');
// Minify our HTML
gulp.task('html', function() {
return gulp.src('*.html')
.pipe(htmlmin({ collapseWhitespace: true }))
.pipe(gulp.dest('dist'))
});
// Compile our SCSS into minified CSS
gulp.task('styles', function() {
return gulp.src('styles/main.scss')
.pipe(plumber({
handleError: function (err) {
console.log(err);
this.emit('end');
}
}))
.pipe(sass({ style: 'expanded' }))
.pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
.pipe(gulp.dest('dist/styles'))
.pipe(rename({ suffix: '.min' }))
.pipe(minifycss())
.pipe(gulp.dest('dist/styles'))
.pipe(notify({ message: 'Finished compiling SCSS' }))
});
// Concat and compile our JS into a minified file
gulp.task('scripts', function() {
return gulp.src('scripts/**/*.js')
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(concat('main.js'))
.pipe(gulp.dest('dist/scripts'))
.pipe(rename({ suffix: '.min' }))
.pipe(uglify())
.pipe(gulp.dest('dist/scripts'))
.pipe(notify({ message: 'Finished compiling scripts' }));
});
// Compress our images
gulp.task('images', function() {
return gulp.src('images/**/*.js')
.pipe(cache(imagemin({ optimizationLevel: 5, progressive: true, interlaced: true })))
.pipe(gulp.dest('dist/images'))
.pipe(notify({ message: 'Finished compiling images' }));
});
// Clean/empty our dist folder
gulp.task('clean', function(cb) {
del(['dist/styles', 'dist/scripts', 'dist/images'], cb)
});
// Run all our tasks when using 'gulp' command in CLI
gulp.task('default', ['clean'], function() {
gulp.start('html', 'styles', 'scripts', 'images');
});
// Watch our files for changes
gulp.task('watch', function() {
gulp.watch('styles/**/*.scss', ['styles']);
gulp.watch('scripts/**/*.js', ['scripts']);
gulp.watch('images/**/*', ['images']);
});
这可能只是一个错字。
尝试用errorHandler
替换handleError
。
完全相同的问题,只是解决了。 魅力在于增加
this.emit('end')
;
在处理程序的末尾,优雅地结束任务。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.