Grunt JS Intro

Short intro to GruntJS

Transcript

1. INTRO TO Better than CodeKit
2. GRUNT IN A NUTSHELL • Javascript task runner • Runs on the command line • Runs on Node.js • Thousands of plugins
3. WHY USE GRUNT • Automation • Open Source • Ease of Use • Large community • Efficient & Flexible • Multi-platform • Free 
 (take that CodeKit)
4. WHAT CAN YOU DO WITH GRUNT? • CSS Preprocessing • JS Linting • Minification & Concatenation • Image Optimization • JS Testing • Almost Anything
 http://gruntjs.com/plugins
5. GRUNT SETUP • Download Node.js and NPM
 www.nodejs.org • Install Grunt CLI • Prepare package.json and Gruntfile.js
6. INSTALL GRUNT CLI npm install -g grunt-cli Uninstall Grunt Globally npm uninstall -g grunt
7. package.json ! ! { "name": "grunt-intro", "version": "0.1.0", "devDependencies": { } }
8. Gruntfile.js ! ! module.exports = function(grunt) { ! // Grunt Code ! }; Grunt Wrapper
9. Gruntfile.js ! ! grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), ! // Plugin configuration ! }); Task Configuration
10. Gruntfile.js ! ! grunt.loadNpmTasks(''); Load Plugins and Tasks
11. Gruntfile.js ! ! grunt.registerTask('default', ['']); Custom Tasks
12. ! ! module.exports = function(grunt) { ! grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), ! }); ! grunt.loadNpmTasks(''); ! grunt.registerTask('default', ['']); ! };