SASS更改時如何讓gulp-watch生成CSS文件？

Question

這裏是我的代碼：

gulp.task('sass', function() { 
    gulp.src('./public/stylesheets/*.scss') 
     .pipe(sass()) 
     .pipe(gulp.dest('./public/stylesheets/')); 
}); 

gulp.task('watch-saas', function() { 
    watch('./public/stylesheets/*.scss', function() { 
     gulp.start('sass'); 
    }); 
}); 

輸出：

[19:15:46] Using gulpfile ~/WebstormProjects/mySite/gulpFile.js 
[19:15:46] Starting 'watch-saas'... 
[19:15:46] Finished 'watch-saas' after 38 ms 

恐怕沒有CSS。任何想法如何使這項工作？

我覺得我的代碼看起來非常像示例代碼here。而'sass'任務自行運行良好。

Answer 1

我不是咕嘟咕嘟有經驗的，但我通常使用：

gulp.task('watch-saas', function() { 
    return gulp.watch(['./public/stylesheets/*.scss'], ['sass']); 
}); 

我假設你已經在你的任務返回的結果，因爲它是一個異步任務。