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/
本文作者:猫老板的豆
本文链接:https://www.cnblogs.com/bingcola/p/16499334.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步