How to build a bower package

Time to extract part of our group work and make it a separate package. Basically, we built a Backbone wrapper for Foundation Reveal Modal, and I wanted to make it a Bower package.

Brief intro about Bower:
Bower is a package management system by Twitter for front-end, similar to NPM for the backend.

Steps to build a Bower package:
1. Make a github repo and put all your code in it (any git repo should work)
2. Run “bower init” in the repo directory and follow the instructions
3. Run “bower register”

bower register backbone.foundation.reveal.modal git://github.com/shaohua/backbone.foundation.reveal.modal

4. Run “bower search foundation”. Horray, it is there!!!

    foundation git://github.com/zurb/foundation
    foundation-icons git://github.com/zurb/foundation-icons.git
    components-foundation git://github.com/components/foundation.git
    sass-foundation git://github.com/mmcgahan/sass-foundation.git
    bower-foundation-css git://github.com/ch1c0t/bower-foundation-css.git
    backbone.foundation.reveal.modal git://github.com/shaohua/backbone.foundation.reveal.modal

P.S. how to make a npm package. http://decodize.com/javascript/build-nodejs-npm-installation-package-scratch/

Advertisements
Standard

One thought on “How to build a bower package

  1. Pingback: How to test a bower package with travis-ci | Shao

Comments are closed.