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

Gulp.js不会重新加载纯CSS

1 个答案: