Gulp Sass没有编译CSS文件

问题描述：

我刚开始一个新项目，但无法让我的gulp sass运行，因为它没有编译。我为其他项目使用了相同的代码，但现在开始对我失败了。Gulp Sass没有编译CSS文件

下面是我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']);

而且战略我应该用什么来调试这个问题。

这个确切的gulpfile已经为你工作过吗？无论是你的'package.json'允许一个依赖项的更新版本引入一个重大更改，或者你的源文件中有一个突破错误 – henry

答

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

我注意到你正在看，并在两个不同的方式gulp.src'ing：

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

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

，如果你改变的.src（），以同为.watch会发生什么情况？

Gulp Sass没有编译CSS文件

相关推荐