zoukankan      html  css  js  c++  java
  • gulp browser-sync自动刷新插件

    很久没弄gulp了,都快忘了,今天又来温习下 browser-sync 自动刷新插件,在安装的时候出现以下提示:

    $ npm install browser-sync --save-dev
    > ws@0.5.0 install /usr/local/lib/node_modules/browser-sync/node_modules/socket.io/node_modules/engine.io/node_modules/ws > (node-gyp rebuild 2> builderror.log) || (exit 0)

    当出现这个提示的时候,你会发现代码也没有动静了,你可能觉得代码是不是已经停止运行了(我也以为是这样)。然而,这仅仅只是一个提示而已,继续等待就可以了,如果最后安装失败可多尝试几次。

    今天弄 browser-sync 的时候,发现文件无法自动刷新,检查了很久,最后发现是文件的原因,我测试的文件是 index.html 文件,然而文件里面的内容却只有几个文字或字符串,而不是一些html代码,如下:

    index.html:

    123456
    

    当index.html文件里面之后这样或类似的数字时,改插件无法自动刷新。只有其包含html代码时才能自动刷新,如:

    index.html:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    </head>
    <body>
    	78879
    </body>
    </html>
    

    当修改成html文件后,你再修改里面的数字是可以自动刷新的,赶快去尝试下吧。

  • 相关阅读:
    实现 (5).add(3).minus(2) 功能
    vue兄弟组件传值的三种方法
    Web渗透测试思路整理
    PHP代码审计基础
    简单易用,用Powershell劫持Windows系统快捷键
    javascript脚本混淆
    秒杀系统架构优化思路
    什么是OOP
    一分钟了解负载均衡的一切
    MVC
  • 原文地址:https://www.cnblogs.com/ayseeing/p/4201202.html
Copyright © 2011-2022 走看看