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