Gulp Sass 没有编译 CSS 文件答案

【问题标题】：Gulp Sass is not compiling CSS fileGulp Sass 没有编译 CSS 文件
【发布时间】：2016-09-14 18:08:13
【问题描述】：

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

下面是我的 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 允许某些依赖项的更新版本引入重大更改，或者您的一个源文件中存在重大错误

标签： html css gulp

【解决方案1】：

.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 相同会发生什么？

【讨论】：