gulp-connect实现页面实时自动刷新

gulp-connect实现页面实时自动刷新，解放F5

gulpfile.js

var gulp = require('gulp'), //本地安装gulp所用到的地方
    connect =require('gulp-connect');//自动刷新
    
//定义html任务
gulp.task('html', function () {
    gulp.src('html/index.html')//指定被刷新的html路径
        .pipe(connect.reload());
});

//定义livereload任务
gulp.task('connect', function () {
    connect.server({
        livereload: true
     });
});

//定义看守任务
gulp.task('watch', function () {
    gulp.watch('html/*.html', ['html']);  //监听html目录下所有文件
});

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

安装 npm install gulp-connect del --save-dev

gulp触发页面监听

以服务器的方式打开页面，例如 http://localhost:8080/