Gulp.js不會重新加載普通CSS

Question

這是我Gulpfile：

var gulp   = require('gulp'), 
    watch  = require('gulp-watch'), 
    livereload = require('gulp-livereload'); 


gulp.task('watch', function() { 
    livereload.listen(); 

    gulp.watch('./css/**/*.css', ['css']).on('change', livereload.changed); 
    gulp.watch('./js/**/*.js', ['js']).on('change', livereload.changed); 
    gulp.watch('./**/*.php').on('change', livereload.changed); 
}); 

gulp.task('default', [ 'watch']); 

它會再重新加載CSS，然後用此錯誤崩潰：

[15:30:13] style.css was reloaded. 
[15:30:13] Task 'css' is not in your gulpfile 
[15:30:13] Please check the documentation for proper gulpfile formatting 

不知道做什麼這個，任何人都有類似的問題？

Answer 1

首先，你需要創建要與此CSS

gulp.task('css', function() { 
    return gulp.src('./css/**/*.css') 
      .pipe(livereload()); 
}); 

做，然後看這個文件，如果改變了，重新運行該任務的東西的任務。

gulp.task('watch', function() { 
    livereload.listen(); 

    gulp.watch('./css/**/*.css', ['css']); 
}); 

gulp.task('default', [ 'watch']);