/lrload-chronic

livereactload + babel + watchify

Primary LanguageJavaScriptMIT LicenseMIT

lrload-chronic

A babel - watchify - reactliveload in chronic (with sample dev server)

Example

// build.js
var chron = require('chronic');
var lrload = require('lrload-chronic');

chron('live', chron
  .source('./src/main.js')
  .dest('static'),
  lrload
)
$ node build live -ds

How to Use

Include a source file for the entry point in browserify/watchify, and a destination directory. This is defined in chronic:

chron.source('<path-to-entry>').dest('<path-to-directory>')

The compiled file will be renamed bundle.js by default, this can be overwritten in source:

chron.source('<path-to-entry>', '<custom-name>')

For an inline sourcemap use -d or --debug in the command prompt:

$ node <path-to-chronic-file> <task-name> --debug

Clone this repo for an example use case with server enabled. Just run: node build -dso (after npm install) and edit the files in src -- reactliveload magic will happen :)

Caveats

Watchify will watch everything in the browserify-pipeline by default, so it's not necessary to use chronic's --watch on any of those files (weird things will happen probably, I haven't tried it).

Credits

Example taken from livereactload

License

MIT