美文网首页
两行命令实现热更新

两行命令实现热更新

作者: 桃花兰岛主 | 来源:发表于2020-06-15 09:41 被阅读0次

目前公司做的项目是layui,不像vue或react可以配置热更新,因此只能自己去想办法实现保存代码-浏览器自己刷新。
使用以下插件可以实现保存代码不需要手动去浏览器刷新,而是浏览器自动刷新,可以提高开发效率。
使用方式
环境:node环境,可以去官网下载,无脑下一步
两行命令完成热更新
1.全局安装browser-sync
npm install -g browser-sync
mac/linux系统全局安装前面需要加sudo

2.browser-sync start --proxy "要代理的地址" --no-notify --files '//.'

这句话的意思是把3000(端口占了自动+1)代理到你要代理的地址,你改动代码保存一次,浏览器自动刷新一次
例如
browser-sync start --proxy "http://172.16.16.139:7200" --no-notify --files '//.'
我的项目是通过nginx代理在7200端口

相关文章

  • 两行命令实现热更新

    目前公司做的项目是layui,不像vue或react可以配置热更新,因此只能自己去想办法实现保存代码-浏览器自己刷...

  • Gin hot-loading

    目标 实现热加载(热更新/热重启),边写代码边编译,方便修改后无需重启实时更新。 fresh Fresh是一个命令...

  • Mac下,V2rayU闪退解决方案

    五一回来订阅一更新就会这样,重装加下面两行删除命令即可

  • 使用code-push热更新失败问题的解决

    近日由于iOS平台更新,cordova build命令失败,不能再使用之前的命令推送热更新了 之前命令: co...

  • Cordova 实现热更新

    文章来源 http://blog.csdn.net/zhuzhiqiang_zhu/article/detail...

  • Cordova热更新实现

    cordova-hot-code-push-plugin npm cordova-hot-code-push gi...

  • 实现iOS热更新

    参考来自:http://www.jianshu.com/p/8cec322531aeJSPatch,也许也有很多人...

  • 热更新实现方式

    SDK 动态加载替换资源和类文件可以有几种实现方式,一种是可以资源文件和代码分开进行加载与替换,例如加载图片资源文...

  • 实现Andfix热更新

    一.什么是热修复: 正常开发流程 热修复开发流程 热修复优势 Andfix的原理是,抽象类加载器classLoad...

  • uniapp实现热更新

    后端(node.js koa2)

网友评论

      本文标题:两行命令实现热更新

      本文链接:https://www.haomeiwen.com/subject/maqcxktx.html