A Yeoman generator for distributable Backbone.js modules.
Want to see pretty graphs? Log in now!
npm install generator-backbone-module
|6||downloads in the last week|
|49||downloads in the last month|
|Last Published By|
|Version||1.0.0 last updated 6 months ago|
|Keywords||yeoman-generator, backbone, umd, amd, backbone-module, yeoman, grunt, travis ci|
Yeoman Generator for creating distributable backbone modules.
- Make sure you have yo installed:
npm install -g yo
- Install the generator:
npm install -g generator-backbone-module
- Generates a backbone module that can be used with CommonJS, AMD, or as a global browser variable.
- automated jsHint setup
- automated tests with mocha-phantomjs and requirejs
- watch files for changes
- build process with uglify.js
- pretty much ready to publish to bower.
- skeleton for creating an example of your module.
- Automatic setup for travis ci
- basic readme
I've been building a lot of small backbone modules / mixins and releasing them on github and bower. I built this generator so I can quickly break new modules out, test them, build, and deploy. The final result looks a lot like this project backbone-gcl.
Where to put your code
Write your module in
Write your tests in
Register your module for bower.
The generated documentation tells people your module is on bower. You can either delete that documentation, or, do the right thing and register your module for bower.
$ bower register your-module-name git://github.com/username/your-module-name.git
After you have done this:
$ mkdir my-module && cd $_ $ yo backbone-module
Yeoman will ask you for your module's name, as well as your name.
When it has finished you can do the following grunt tasks.
sets up a nodemon server that will reload on file changes.
$ grunt build
Will make a copy of your module to the root directory, as well as a
your-module-name.min.js compressed via uglifyjs. You should run
$ grunt build before publishing your module to bower or npm.
$ grunt watch
You should run this task whenever you are developing on your module. It watches the directory for file changes, runs them through JSHint, and will automatically run the tests. Extremely Useful.
Make sure you have started the server with
$ grunt before executing tests.
$ grunt test or
$ npm test
Will do a single test run through a connect server on port 8981. This is the same set of tests that will run during a travis-ci build.
You can create an issue.
You can direct message me on twitter if you have any questions or comments @nackjicholsonn.
I am almost always on freenode IRC when I'm on my computer. Good places to reach me are
Pull requests definitely encouraged.