0
点赞
收藏
分享

微信扫一扫

gulp 实现实时刷新

Ichjns 2022-03-30 阅读 61
gulphtmlcss

var gulp = require('gulp'),

    connect = require('gulp-connect');//使用connect启动一个Web服务器



gulp.task('connect', function() {

    connect.server({

//      host: '192.168.1.110', //地址,可不写,不写的话,默认localhost

//      port: 8080, //端口号,可不写,默认8000

        root: './', //当前项目主目录

        livereload: true //自动刷新

    });

});

gulp.task('html', function() {

    gulp.src('./*.html')

        .pipe(connect.reload());

});



gulp.task('watch', function() {

    gulp.watch('./css/*.css', ['html']); //监控css文件

    gulp.watch('./js/*.js', ['html']); //监控js文件

    gulp.watch(['./*.html'], ['html']); //监控html文件

}); //执行gulp server开启服务器



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

举报

相关推荐

0 条评论