.html页面的Livereload-Gulp

.html页面的Livereload-Gulp,gulp,livereload,Gulp,Livereload,到目前为止,我已经得到了这个代码,但它不起作用 var gulp = require('gulp'), connect = require('gulp-connect'); gulp.task('webserver', function() { connect.server({ livereload: true }); }); gulp.task('default', ['webserver']); 您应该指定文件路径以查看以下内容: var gulp

到目前为止,我已经得到了这个代码,但它不起作用

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

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



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

您应该指定文件路径以查看以下内容:

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