码迷,mamicode.com
首页 > 其他好文 > 详细

gulp browser-sync自动刷新插件

时间:2015-01-04 16:43:43      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

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

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

gulp browser-sync自动刷新插件

标签:

原文地址:http://www.cnblogs.com/ayseeing/p/4201202.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!