Gulp.js не перезагружается Plain 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']);