Gulp没有正确地看我的scss文件

Question

我已经看到了大量的stackoverflow解决方案，但似乎没有一个在我的场景中起作用。

我的gulp手表似乎正在观看文件，但输出文件没有更新。

运行gulp工作正常，因为默认设置为调用sass任务，任务成功编译我的输出css。

这是我的目录结构：

- css  
  - sass  
    * style.scss     
  * style.css  
* gulpfile.js

和我的gulpfile：

// include gulp
var gulp = require('gulp');

// include plugins
var rename = require('gulp-rename');
var sass = require('gulp-sass');
var cssbeautify = require('gulp-cssbeautify');
var cssmin = require('gulp-cssmin');

// compile sass
gulp.task('sass', function  () {
    return gulp.src('./css/sass/*.scss')
        .pipe(sass())
        .pipe(cssbeautify())
        .pipe(gulp.dest('css'));
});

// watch
gulp.task('watch', function () {
    gulp.watch('./css/sass/*.scss', ['sass']);
});

// default task
gulp.task('default', ['sass']);

gulp watch给了我：（11:01是我保存文件的时候）

[10:59:48]使用gulpfile~ / Sites / cla / 8_0 / web / intranet / reports / gulpfile.js
[10:59:48]开始'看'...
[10:59:48] 12毫秒后完成'观看'
[11:01:25]开始'sass'......
[11:01:25] 24毫秒后完成'sass'

关于为什么我的输出css没有改变的任何想法？

非常感谢！

Answer 1

它可能是一个sass synthax错误问题，因为你没有任何功能在你的sass taks没有句柄然后。

这是我的gulpfile的一个例子

尝试添加.on（'error'，sass.logError）），在.pipe（sass（））之后，这是一个粗略的例子：

gulp.task('sass',function(){                 
  gulp.src('./src/sass/main.scss')  
    .pipe(sass().on('error', sass.logError))
});