generator-react-gulp-browserify-less/README.md

A Yeoman Generator for facebook's React framework. It includes gulp, browserify,babel,source maps, livereload and famous official Twitter bootstrap LESS version.

# generator-react-gulp-browserify-less
_This is a Fork of [generator-react-gulp-browserify](https://github.com/randylien/generator-react-gulp-browserify) replacing SASS with LESS_
> [Yeoman](http://yeoman.io) generator for facebook's React library - Integrate with gulp and browserify.


### Changelog

* v0.0.43
  - Added Babelify for ES2015 support
  - Added source maps for javascript assets.



## What's inside?

Bundled:

* Gulp
* Bower
* jQuery
* Browserify
* Babelify
* Watchify support! (Sourcemap also!)
* livereload (BrowserSync)

Optional:

* Less
* Bootstrap - Twitter Bootstrap's official Sass version
* Modernizr
* PugJS for HTML templates (formerly Jade)
* CoffeeScript for JavaScript
* Jest for unit tests

## Environment requirements

* node.js 0.12 (I suggest to use [nvm](https://github.com/creationix/nvm) to manage your node environment.)


## Getting Started

```
$ npm install -g yo                                # Install Yeoman (if you don't have it yet)...
$ npm install -g generator-react-gulp-browserify-less   # ...then install this generator...
$ yo react-gulp-browserify-less                         # ...and run it.
```

If you chose to use sass, you'll need to install it with `gem install sass`.
If you find your css build results are empty, update your sass gem.

## Output folders

scripts - /scripts  
styles - /styles  
fonts - /fonts  


Now, when everything is ready, run the watch task and begin to develop your React components.

```
$ gulp watch
```

How to run test?  
Currently, I prefer to run test tasks from npm. Please run this command.
```
$ npm test
```

After development, you can run this task to generate production code.
```
$ gulp build
```

## License

MIT