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

两行命令实现热更新

作者: 兰为鹏 | 来源:发表于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端口

    相关文章

      网友评论

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

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