gulp构建自动刷新页面

在使用gulp前，需要先安装gulp，可以使用npm安装

npm install gulp -g

在安装好后，新建一个文件夹，在文件夹中新建一个gulpfile.js文件

在该文件中进行配置（下面代码中，路径按自己设置的路径来进行配置）

var gulp=require('gulp');
var connect=require('gulp-connect');
gulp.task('watch',function(){
    gulp.watch('./*.html',['html']);
})
gulp.task('connect',function(){
    connect.server({
        root:'./',
        ip:'192.168.31.110',
        livereload:true
    })
})

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

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

配置好后，在终端中输入

gulp

这时，打开浏览器进入8080端口就好啦，我们在写页面的时候就不需手动刷新，而能达到自动刷新