Grunt is our task runner. We use it to build less files into CSS, concat and minify JS files, generate sprites, etc.
First, you'll need to install Grunt's command line interface (CLI):
$ npm install -g grunt-cli
Bower is our package manager. We use it to load jquery, Twitter Bootstrap, and other components we use in our site.
Install bower:
$ npm install -g bower
Glue is a simple command line tool to generate CSS sprites. Follow instructions to install glue.
Grunt setup involves two files: package.json and Gruntfile.js
To install grunt and the plugins needed in this project run:
$ npm install
Bower setup involves two files: bower.json and .bowerrc
To install all bower components needed in this project run:
$ bower install
The default way to run gunt is just $ grunt
. This will peform a check first to validate js errors (jshint), and it will run build task, to prepare files for production.
Build task can also be run manually without validation with:
$ grunt build
During development, grunt can listen for changes and update your src files. Just run:
$ grunt watch