generator-browserify-versatile

Yeoman generator for client/server development with browserify, gulp, jade, karma, mocha and some more selectable tools


Keywords
yeoman-generator, scaffold, commonjs, browsersync, browserify, es6, es2015, express, jade, karma, mocha, chai, backbone, marionette, bootstrap, foundation, modernizr, sass, gulp, cache-crusher, cache, busting, uglify
License
MIT
Install
npm install generator-browserify-versatile@2.0.0

Documentation

generator-browserify-versatile

npm version Build Status Dependency Status devDependency Status

Yeoman generator will setup an express-project with a bunch of tools (some fixed, some selectable) pre-setup to provide an eligible work flow.

Features

Use browersify to write client code in CommonJS-format. (That's the same, that is used for server-code.)

Use browersync for fast live testing on multiple devices.

Use babel to transpile ES2015.

Use gulp for all task automation.

Use jade for server and client templating.

Use karma for client-tests. There is also support for smoke-testing your application - either in your installed browsers or headlessly using PhantomJS.

Use mocha with chai for unit-tests.

Optionally

Use modernizr for browser-feature detection.

Use foundation or bootstrap for responsive client-side styling.

Use backbone as a lightweight client-library to build agile single-page web applications.

Use marionette to organize your backbone views.

Use sass as versatile CSS-Preprocessor (required for bootstrap and foundation).

Use cache-crusher to provide cache-busting for your production-build.

Usage

The following additional npm-packages are assumed to be installed globally: bower, gulp, yo.

$ npm install -g bower gulp yo generator-browserify-versatile

Finally, initiate the generator:

$ yo browserify-versatile

Generators

App

Just select your preferred options and wait till your project has been scaffolded...

Look in the generated file README.md for details of project layout and usage of gulp tasks.

License

MIT License