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']);