咕嘟咕嘟青菜沒有表現出任何的CSS錯誤

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); 
}) 
... 

您還可以將青菜功能使用前gulp-plumber。這將記錄錯誤到控制檯

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