修改js、css、html文件,不需要手动刷新浏览器,使用wbfresh自动刷新浏览器。
使用方法:
1、安装wbresh模块
$ npm install wbfresh --save
2、启动监听服务
$ cd node_modules/wbfresh$ node index -p your_project_path -o 4080 -d 0
-p your_project_path 为你需要监听的路径,多个路径,用逗号分隔。路径可以是文件,目录(目录是递归监听的,子目录也适用)或者glob模式
-o 指定监听服务器的端口,默认为4080
-d 指定延迟刷新的时间,默认为100毫秒,指定为0,不延迟刷新
文本监听依赖chokidar模块,所以路径规则,遵循此模块的路径监听规则就可以了。
3、若启动成功,则wbresh会输出如下的使用方法
wbfresh 监听已启动,请在需要刷新的html页面引入:
<script src="http://localhost:4080/wbfresh.js" id="__wbfresh__"></script>
在需要自动刷新的页面引入wbfresh.js
javascript文件即可
OSX用户( 针对windows的bin命令还未调试,应该是不一样的,当然你可以自己尝试,你也可以用上面的方法启动,使用方式未变动 )
1、全局安装
$ npm install wbfresh -g
2、进入项目目录,可执行全局命令wbfresh
➜ myProject git:(master) wbfresh
输出
➜ myProject git:(master) ✗ wbfreshwbfresh 开始监听以下目录: /Users/maotingfeng/demo/myProjectwbfresh 端口: 4080wbfresh 延迟: 100wbfresh 监听已启动,请在需要刷新的html页面引入:<script src="http://localhost:4080/wbfresh.js" id="__wbfresh__"></script>
说明wbfresh启动成功
3、配置参数(-p,-d,-o)参考上文。
一些新的变动:
-p 参数未指定,默认为当前执行环境的目录。
常见问题
-
events.js:160throw er; // Unhandled 'error' event^Error: listen EADDRINUSE :::8080at Object.exports._errnoException (util.js:1026:11)at exports._exceptionWithHostPort (util.js:1049:20)at Server._listen2 (net.js:1257:14)at listen (net.js:1293:10)at Server.listen (net.js:1389:5)
8080端口被占用,换一个没有被占用的端口。
-
可以到github Issues提问