A tiny server that watch files changed and refresh browser page,via livereload.js and websocket,based on tiny-lr
npm install tinylrs





- Watched files changed ==> reload browser pages
- A separate livereload server that include both static-file-server(just script) and websocket
- You don't need install the livereload browser-extension,such as chrome,or other.
- Just only npm, don't need grunt or gulp or others, don't need download file livereload.js any more
- Simple and tiny: Only 3 Dependencies:
tinylr ,
gaze,
minimist
- Cross platform Windows, *nix(Mac-OSX or Linux).
bash
$ npm install -g tinylrs
``
or ``npm install --save-dev tinylrs``
2.Usage
$3
`html
``
Just only inject the code.And you don't need download the file(livereload.js)!
$3
run in bash directly (need install it globally first)
`bash
$ cd %your_project_dir%
$ tinylrs './your_watch_dir/*/.*'
``
Maybe you should add char '' to include the target dir if you use it in osx(mac) or other unix like.
$3
`bash
eg: http://localhost:8080/index
``
Now,browser page will be refreshed when your watched-target-files were changed!
$3
#### 1.command line
`bash
$ tinylrs --help
```bash
Usage: tinylrs [options]
eg: tinylrs './dist/*/.*'
tinylrs './dist//.js,./dist//.css,../../views/*/.html'
tinylrs -d './dist//.js,./dist//.css' -p 35279
tinylrs --dirs='./dist//.js,./dist//.css' --port=35279Options:
-h,--help show usage information
-V,--version show current version information
-d,--dirs necessary!! The director of watch targets files,
both path-array and single-path
-p,--port unnecessary! The server port,both websocket-server
and static-file-server,default 35279
-l,--lrfile unnecessary! The filepath of 'livereload.js',
default a build-in-file
``(1).param support the array,just like this: (array ele split by char ',')
`bash
$ tinylrs './watch_dir_0//.js,./watch_dir_1//.css,./watch_dir_2/*/.html'
``(2).You can also set the server port by runtime args:*
`bash
$ tinylrs -d './your_watch_dir/*/.*' -p 66666
``
besides,you should set the same port to the <script> tag
`html
``(3).run in your npm-scripts
> 1: package.json
`json
{
"scripts":{
"tinylrs": "tinylrs -d './your_watch_dir/*/.*' -p 66666"
}
}
``
> 2: run in bash
`bash
$ npm run tinylrs
``
#### 2.development
`js
var Tinylrs = require("tinylrs");
var myTlrs = Tinylrs({
watchList: [
"./dist/*/.*",
"../public/views/*.html"
],
port: 66666,
lrfile: null
});
myTlrs.start();
// you can also use the myTlrs.server,it is a tiny-lr server instance
``
$3
> 1.Install failed: You maybe include 'sudo' in front of command line,if use it on *unix os like linux or mac-osx
`bash
sudo npm i -g tinylrs
```> 2.No matches found: xxxx/path/xxxx
check the directors you have type in,if use it on *unix os like linux or mac-osx
#### Have fun with it!