Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Grunt JS Intro

Avatar for cbishop cbishop
September 12, 2014

Grunt JS Intro

Short intro to GruntJS

Avatar for cbishop

cbishop

September 12, 2014
Tweet

Other Decks in Programming

Transcript

  1. GRUNT IN A NUTSHELL • Javascript task runner • Runs

    on the command line • Runs on Node.js • Thousands of plugins
  2. WHY USE GRUNT • Automation • Open Source • Ease

    of Use • Large community • Efficient & Flexible • Multi-platform • Free 
 (take that CodeKit)
  3. WHAT CAN YOU DO WITH GRUNT? • CSS Preprocessing •

    JS Linting • Minification & Concatenation • Image Optimization • JS Testing • Almost Anything
 http://gruntjs.com/plugins
  4. GRUNT SETUP • Download Node.js and NPM
 www.nodejs.org • Install

    Grunt CLI • Prepare package.json and Gruntfile.js
  5. ! ! module.exports = function(grunt) { ! grunt.initConfig({ pkg: grunt.file.readJSON('package.json'),

    ! }); ! grunt.loadNpmTasks(''); ! grunt.registerTask('default', ['']); ! };