使用 gulp 不刷新更新页面
来源:互联网 发布:数据恢复公司 编辑:程序博客网 时间:2024/05/17 09:13
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等文件内容变化的时候不用刷新浏览器直接就能八变化的内容在浏览器中反应出来。
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等文件内容变化的时候不用刷新浏览器直接就能八变化的内容在浏览器中反应出来。
阅读全文
0 0
- 使用 gulp 不刷新更新页面
- 使用Gulp与BrowserSync做页面刷新
- 使用AJAX调用数据库不刷新更新页面问题
- 使用 jQuery+Ajax+MySQL+Servlet 实现不刷新页面数据更新
- 使用Gulp实现实时刷新
- ajax异步问题导致的刷新页面数据不更新
- html不刷新页面更新js和图片
- browserSync+gulp多浏览器实时刷新页面
- gulp-connect实现页面实时自动刷新
- gulp实现监听改变自动刷新页面
- 更新照片,不刷新
- 不刷新页面---刷新数据
- 不刷新页面---刷新数据
- 页面不刷新
- 使用gulp实现文件更改自动刷新
- 使用Dojo实现页面不刷新提交数据
- .NET2005中使用GridView实现不刷新页面翻页
- 使用Dojo实现页面不刷新提交数据
- windows 添加开机启动项
- Python模块和包的概念
- URI与URL区别
- 销售易史彦泽:SaaS会带来一场什么样的革命? | V访谈
- 20171109
- 使用 gulp 不刷新更新页面
- darknet YOLOv2安装及数据集训练
- spring 销毁与初始化操作
- 题目:有1、2、3、4个数字,能组成多少个互不相同且无重复数字的三位数?都是多少?
- Spring Cloud微服务分布式云架构源码结构
- mybatis绑定错误-- Invalid bound statement (not found)
- Java中Volatile关键字详解
- 4-1 复数类的运算符重载
- 运算符重载