使用 gulp 不刷新更新页面

var gulp = require("gulp")//引入gulp

var connect = require("gulp-connect")//引入connect模块

var watch = require("gulp-watch")//引入watch模块

//以上均要使用npm 进行加载

gulp.task("server",function(){//开启服务器建立端口号为3301的服务

    connect.server({

        port:3001,

        livereload:true

    })

})

gulp.task("refuseBrower",function(){//即时刷新浏览器

    gulp.src(".")

    .pipe(connect.reload())

})

gulp.task("watch",function(){//监听文件的内容变换

    gulp.watch("./index.html",['refuseBrower'])

})

gulp.task("watchAndRefuse",['server','watch'])//同时建立服务器和监测文件变化的任务，只要使用 gulp watchAndRefuse 就可以实现在改变html等文件内容变化的时候不用刷新浏览器直接就能八变化的内容在浏览器中反应出来。