wbfresh

1.0.11 • Public • Published

修改js、css、html文件,不需要手动刷新浏览器,使用wbfresh自动刷新浏览器。

NPM

使用方法:

1、安装wbresh模块

$ npm install wbfresh --save

2、启动监听服务

$ cd node_modules/wbfresh
$ node index -{your_project_path} -4080 -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.jsjavascript文件即可

OSX用户( 针对windows的bin命令还未调试,应该是不一样的,当然你可以自己尝试,你也可以用上面的方法启动,使用方式未变动 )

1、全局安装

$ npm install wbfresh -g

2、进入项目目录,可执行全局命令wbfresh

➜  myProject git:(master) wbfresh

输出

➜  myProject git:(master) ✗ wbfresh
wbfresh 开始监听以下目录: /Users/maotingfeng/demo/myProject
wbfresh 端口: 4080
wbfresh 延迟: 100
wbfresh 监听已启动,请在需要刷新的html页面引入:
<script src="http://localhost:4080/wbfresh.js" id="__wbfresh__"></script>

说明wbfresh启动成功

3、配置参数(-p,-d,-o)参考上文。

一些新的变动:

​ -p 参数未指定,默认为当前执行环境的目录。

常见问题
  • events.js:160
          throw er; // Unhandled 'error' event
          ^
     
    Error: listen EADDRINUSE :::8080
        at 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提问

Readme

Keywords

none

Package Sidebar

Install

npm i wbfresh

Weekly Downloads

0

Version

1.0.11

License

MIT

Last publish

Collaborators

  • maotingfeng