Skip to content

Grunt Setup

How to Setup Grunt Build - Web Development Build Tool#

You will require node.js that comes with npm the node package manager

Install Grunt Globally#

npm install -g grunt-cli

Create local packages.json (in project folder)#

npm init

Install grunt to local project#

npm install grunt --save-dev

--save-dev indicates development dependencies#

Templates for boilerplate grunt#

npm install -g grunt-init

Make a grunt-init template#

mkdir ~/.grunt-init

Clone existing - jQuery example#

git clone ~/.grunt-init/jquery

grunt-init jquery

Useful Plugins:#

JSHint - js code linting Uglify - minification Concat - combine files Watch - watches for changes automatic building Nodeunit - nodejs testing framework

npm install grunt-contrib-jshint --save-dev npm install grunt-contrib-uglify --save-dev npm isntall grunt-contrib-concat --save-dev