gulp-sass没有显示任何错误

问题描述

带有.sass文件的Sass，

Sass with .sass files,

这是我的gulpfile，

Here is my gulpfile,

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    connect = require('gulp-connect');

connect.server({port: 8000, livereload: true});

function exceptionLog (error) {
  console.log(error.toString());
  this.emit('end');
}

gulp.task('sass', function () {
    gulp.src('sass/*.sass')
        .pipe(sass({
            outputStyle: 'expanded',
            }))
        .on('error', exceptionLog)
        .pipe(gulp.dest('css'))
        .on('error', exceptionLog)
        .pipe(sass.sync().on('error', sass.logError));
});

gulp.task('reload', function () {
    gulp.src('*.html')
        .pipe(connect.reload())
        .on('error', exceptionLog);
});

gulp.task('default', function() {
    gulp.watch(['*.html'],['reload']);
    gulp.watch('**/*.sass', ['sass','reload']);
});

此设置适用于.scss文件，而现在在该项目上，我必须坚持使用.sass，此gulpfile的Gulp设置不会中断或显示任何错误(但如果没有错误，则进行编译).但只会编译正确的语法.而如果更改​​为.scss，则会记录错误.

This setup works well for .scss files, while now on this project, I have to stick with .sass, Gulp setup with this gulpfile does not breaks or display any errors (but compiles if no errors). but only the correct syntax will be compiled. while if change to .scss, it logs the errors.

推荐答案

您需要将错误事件侦听器附加到sass流上，而不是将gulp流附加到sass流上，或者将更高版本附加到已抛出错误的流中.另外，使用内置的 logError 函数记录错误:

You need to attach the error event listener to the sass stream, not your gulp stream or later in the stream when the error has already been thrown. Also, use the built in logError function to log errors:

.pipe(sass().on('error', sass.logError))

完整示例:

gulp.task('sass', function () {
  return  gulp.src('sass/*.sass')
    .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
    .pipe(gulp.dest('css'))
    .on('error', exceptionLog);
}

这篇关于gulp-sass没有显示任何错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！