使用Gulp实现实时刷新

！Gulp基于NodeJS

所以在想被gulp带着浪浪浪之前先保证已经安装了nodejs

---

安装Gulp

npm install -g gulp

---

写Gulp构建脚本gulpfile.js

哇咔咔，此处不得不得瑟下有个前端大神做后盾的惬意呀，这些工具都被他给部署好啦，人家直接用就可以咯，哈哈哈
但是用的时候也有几个注意事项

root:”www”是项目文件夹名称，该文件夹应该在根目录C:\Users\Liz\AppData\Roaming\npm\node_modules\weinre\web下
port是测试端口号
httpPort是调试端口号
boundHost是本地ip地址

-

gulp.src(['www/**/*.html'])
  .pipe(replace('<!-- inject:js -->', inject.join('\n    ')))
  .pipe(gulp.dest(config.root));

gulp.src([‘www/*/.html’])————-找到www文件夹下的拓展名为.html的文件
文件位置关系如下：

index.html是www的子文件

<!-- inject:js -->

还要将这条代码放入目标html文件中（引用js文件的代码前即可）。

安装插件

运行gulp前要保证安装了相应的插件 ，没装的用npm命令安装。安装方式见图

因为我现在只需要实时刷新，所以需要的插件并不多

---

运行Gulp

目标网页端口http://172.19.14.13:8001/

Weinre调试端口http://172.19.14.13:8080/

ctrl+c结束

---

再次开启