通过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 后 打开页面 在浏览器的右上角会发现点击它即可实现热更效果
本文参考自:https://www.cnblogs.com/yuzhongwusan/p/5417074.html,十分感谢该博主的分享帮助;