gulp 热更新

青旅半醒 2021-07-24 20:35 824阅读 0赞 
  1. 热更新
  2.     1、安装
  3.         cnpm install -D gulp-livereload
  4.         cnpm install -g http-server
  5.         chrome浏览器添加插件LiveReload,2.几版本
  7.     2、在gulpfile.js文件中引入
  8.         var livereload=require("gulp-livereload")
  10.         gulp.task("hot",function(){
  11.           livereload.listen();
  12.           gulp.watch("监听html文件路径",function(event){
  13.             livereload.changed(event.path);
  14.           })
  15.         })
  17.     3、启动热更新
  18.         一个命令行在项目根目录启动http-server
  19.             http-server
  20.         另一个命令行启动热更新任务
  21.             gulp gulpfile.js中热更新的任务名
  22.         将livereload空心原点点成实心原点

发表评论

表情：
评论列表 （有 0 条评论，824人围观）

还没有评论，来说两句吧...

相关阅读

    相关 热更新

    单来说我的理解就是:当你的文件发现改变的时候页面自己就更新了。不用你再手动刷新页面。无刷新更新 常见的需求如赛事网页推送比赛结果、网页实时展示投票或点赞数据、在线评论或...

    雨点打透心脏的1/2处雨点打透心脏的1/2处/ 0 赞/ 263 阅读

    相关 热更新

    介绍下 webpack 热更新原理，是如何做到在不刷新浏览器的前提下更新页面   1.当修改了一个或多个文件； 2.文件系统接收更改并通知webpack； 3.we

    妖狐艹你老母妖狐艹你老母/ 0 赞/ 157 阅读

    相关 webpack实现热更新

    昨天看到公司有前端同事在研究`webpack`，今天有空正好找下资料也`look look` 我最早接触`webpack`是2019年6月-7月之间，当时对前端还是很模糊的，

    r囧r小猫r囧r小猫/ 0 赞/ 420 阅读

    相关 热更新

    虽然有插件开发，但热更新少不了。 ![Center][] 当我们需要更新插件的时候使用的是插件开发，当我们需要更新宿主程序就需要使用热更新 热更新使用框架bsdif

    柔情只为你懂柔情只为你懂/ 0 赞/ 599 阅读