Question

    var gulp         = require('gulp');
    var requireDir   = require('require-dir');
    var path         = require('path');
    var $            = require('gulp-load-plugins')({pattern:['gulp-*','gulp.*']});


   gulp.task('sass', function() {
    var scriptsPath = './';

    gulp.src(path.join(scriptsPath, '/src/sass/**/*.scss'))
    .pipe($.sourcemaps.init())
    .pipe($.sass({
        includePaths: [
            path.join(scriptsPath, '/src/sass/'),
            'bower_components/bourbon/app/assets/stylesheets',
            'bower_components/neat/app/assets/stylesheets'
        ],
        outputStyle: "compressed"
    }).on('error', $.sass.logError))
    .pipe($.sourcemaps.write('./'))
    .pipe(gulp.dest('website/static/css/'));
});

gulp.task('build', ['build-js-libs', 'sass']);

如果我在.scss文件中输入任何错误的css，在构建的终端中没有显示错误 - 我在上面使用的内容上做错了吗？任何帮助将不胜感激

Answer 1

我没有对此进行测试，但会将错误输出到console.log工作吗？

...
}).on('error', function(err) {
    console.log(err);
})
...

您也可以在sass-function之前使用gulp-plumber。这会将错误记录到控制台

...
.pipe($.sourcemaps.init())
.pipe($.plumber())
.pipe($.sass({
...

Gulp sass没有显示任何css错误

1 个答案: