Grunt Boilerplate aka CodeKit Killah

• Watch for changes in .scss and .js
• Compile .scss
• Lint, concatenate and minify .js
• Optimize images (See "Additional Tasks" below)

Technical Notes

First, make sure the Grunt CLI and grunt-init are installed globally.

`npm install -g grunt-cli`
`npm install -g grunt-init`

Second, clone the grunt-init template locally:

`git clone [email protected]:radarseven/grunt-boilerplate.git ~/.grunt-init/codekitkillah`

Now, cd into your project directory.

Initialize codekitkillah (note codekitkillah could be any name you desire):

`grunt-init codekitkillah`

Install all dependencies in package.json. (Note, you may need to run as sudo user):

`npm install`

To begin watching .js and .scss files run Grunt:

`grunt watch`

Additional Tasks

Image Optimization

To optimize images run:

`grunt imagemin`

This will optimize all images in /assets/img/ and save them to /assets/img/min/.

To-Do

• Solution to handle javascript plugins

Reference

• Grunt
• grunt-init
• grunt-init-query
• grunt-contrib-watch
• grunt-contrib-sass
• grunt-contrib-jshint
• grunt-contrib-uglify
• grunt-contrib-imagemin
• matchdep