Livereload .html 页 - Gulp

Question

到目前为止我已经得到了这段代码，但它不起作用。

var gulp = require('gulp'),
  connect = require('gulp-connect');

gulp.task('webserver', function() {
    connect.server({
      livereload: true
    });
});



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

Answer 1

您应该指定要观看的文件路径：

var gulp = require('gulp');
var connect = require('gulp-connect');

gulp.task('connect', function() {
  connect.server({
    root: 'app',
    livereload: true
  });
});

gulp.task('html', function () {
  gulp.src('./app/*.html')
    .pipe(connect.reload());
});

gulp.task('watch', function () {
  gulp.watch(['./app/*.html'], ['html']);
});

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

Livereload .html 页 - Gulp

Livereload of .html pages - Gulp

livereload

gulp