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

Question

我已经看到了很多用于此的stackoverflow解决方案，但是在我的方案中似乎都没有用。

我的gulp监视程序似乎正在监视文件，但输出文件未更新。

运行gulp正常，因为它默认设置为调用sass任务，并且该任务成功编译了我的输出CSS。

这是我的目录结构：

-CSS  
  -ass  
    * 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 合成错误问题，因为你的 sass 中没有任何功能，所以没有句柄。

这是我的 gulpfile 中的一个示例

尝试在 .pipe(sass()) 之后添加 .on('error', sass.logError))，这是一个粗略的示例：

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