通过gulp+gulp-livereload实现页面热更新

1、安装环节,通过npm 安装gulp-livereload      

    npm install --save-dev gulp-livereload (这里不推荐使用cnpm 我在用cnpm安装后使用时 报找不到modules);

2、引入环节,打开gulpfile.js

    1、const gulp = require('gulp');//基础库

    2、const livereload = require('gulp-livereload');//浏览器热更新功能

3、编写执行环节//热更新




!!!!!!!! 注意 到此为止还不可以,咋们需要装一个chrome插件配合才可以使用,不过这个插件需要FQ 所以,这里提供链接
  

说明:谷歌浏览器安装插件需要FQ,我已经下载了最新版本2.1.0到本地,点击下载(谷歌为.crx文件,火狐为.xpi文件)

安装方法:谷歌浏览器安装crx插件方法、火狐浏览器直接将xpi文件拖进浏览器即可安装

 

  !!!!!!!!注意2  gulp Watch  后 打开页面 在浏览器的右上角会发现通过gulp+gulp-livereload实现页面热更新点击它即可实现热更效果

 

本文参考自:https://www.cnblogs.com/yuzhongwusan/p/5417074.html,十分感谢该博主的分享帮助;