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文件后,你再修改里面的数字是可以自动刷新的,赶快去尝试下吧。

转载于:https://www.cnblogs.com/ayseeing/p/4201202.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值