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))
});