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