Question

Sass with .sass files，

这是我的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，使用此gulp文件的Gulp设置不会中断或显示任何错误（但如果没有错误则编译）。但只会编译正确的语法。如果更改为.scss，则会记录错误。

Answer 1

当错误已被抛出时，您需要将错误事件侦听器附加到sass流，而不是您的gulp流或稍后在流中。另外，使用内置的logError函数记录错误：

.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没有显示任何错误

1 个答案: