Grunt compile bootstrap

This is a basic Grunt setup for

Directory setup

It assumes the following directory setup:

assets/
  js/
    *.js
  coffee/
    **/*.coffee
  img/
  fonts/
  css/
    *.sass
    *.css

Of course you need node.js. You start by installing the necessary node packages (defined in package.json).

$ npm install

Make sure you add the node_modules directory in your .gitignore. This will install the following packages:

Start the default task:

$ grunt

Start the watch task for the coffeescripts:

$ grunt watch:app

Start the watch task for the sass files:

$ grunt watch:sass

It produces the following files:

assets/
	js/
		main.js
		main.js.map
		main.map
		main.min.js

You can include the main.min.js in production or main.js for development purposes.

The source maps allow you to debug the original javascript / Coffeescript files in your browser (use Chrome! if you don't already).

See for more information.