wtch

wtch

A small command-line app that watches for file changes and triggers a live-reload on file save (to be used with the LiveReload plugin). Watches the current working directory for js,html,css file changes. Ignores .git, node_modules and bower_components folders.

npm install wtch -g

#start watching ..
wtch

You can use garnish for pretty-printing logs.

wtch --verbose | garnish

See examples for use with browserify and other tools.

PRs/suggestions welcome.

Usage

Usage:
    wtch [opts]

Options:
    --dir -d        current working directory to watch (defaults to cwd)
    --extension -e  specifies an extension or a comma-separated list (default js,css,html)
    --event         the type of event to watch, "all" or "change" (default "change")
    --port -p       the port to run livereload (defaults to 35729)
    --verbose       log the file changes as well
    --poll          enable polling for file watching

API

wtch(glob, [opt, cb])

Returns a through stream that watches the glob (or array of globs) with the given options and an optional callback.

Supported options:

• cwd the current working directory for chokidar
• poll whether to use polling, default false
• event the type of event to watch, can be "change" (default, only file save) or "all" (remove/delete/etc)
• port the port for livereload, defaults to 35729
• verbose to log file changes

Examples

This can be used for live-reloading alongside wzrd, beefy and similar bundlers. For example:

wzrd test/index.js | wtch --dir test -e js,css,es6 | garnish

Or, even for a simple site with no JS content. The following example uses http-server and listens for HTML/CSS changes in the current directory.

http-server -o -p 8000 | wtch --verbose | garnish

License

MIT, see LICENSE.md for details.