Gulp SassさんがCSSファイルをコンパイルしていません

Question

新しいプロジェクトを開始しましたが、コンパイルしていないので、私のgulpを起動できません。私は他のプロジェクトにも同じコードを使用しましたが、今は私に失敗するようになりました。

以下は私のgulp.jsはまた、戦略が、私はこの問題をデバッグするために使用すべきか

var gulp  = require('gulp'); 
var browserSync = require('browser-sync').create(); 
var sass  = require('gulp-sass'); 
var bourbon  = require("node-bourbon").includePaths; 
var neat  = require("node-neat").includePaths; 
var cleanCSS = require('gulp-clean-css'); 

// Static Server + watching scss/html files 
gulp.task('serve', ['sass'], function() { 

    browserSync.init({ 
    server: "./app" 
}); 

gulp.watch("app/scss/**/*.scss", ['sass']); 
gulp.watch("app/*.html").on('change', browserSync.reload); 

// Compile sass into CSS & auto-inject into browsers 
gulp.task('sass', function() { 
    return gulp.src("app/scss/*.scss") 
       .pipe(sass({ 
        includePaths: bourbon, 
        includePaths: neat 
       })) 
       .pipe(gulp.dest("app/css")) 
       .pipe(browserSync.stream()); 
}); 


// Minify main.css file 
gulp.task('minify-css', function() { 
     return gulp.src('app/css/main.css') 
       .pipe(cleanCSS({compatibility: 'ie8'})) 
       .pipe(gulp.dest('minified-css')); 
}); 

gulp.task('default', ['serve']); 

ファイルです。

Answer 1

.pipe(sass(your options).on("error", sass.logError)) 

私はあなたが見て、2つの異なる方法でgulp.src'ingされていることに注意してください。

gulp.watch("app/scss/**/*.scss", ['sass']); 

return gulp.src("app/scss/*.scss") 

あなたは.watchと同じに.SRCを（）変更するとどうなりますか？