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

Modern Development Workflow with Grunt

Avatar for t32k t32k
November 30, 2013

Modern Development Workflow with Grunt

Avatar for t32k

t32k

November 30, 2013
Tweet

More Decks by t32k

Other Decks in Design

Transcript

  1. - Why use Grunt? - How to use Grunt -

    Customize your Gruntfile! Agenda
  2. $$$

  3. { "name": "grunt-demo", "version": "0.0.1", "description": "This is demo.", "main":

    "Gruntfile.js", "scripts": { "test": "grunt test" }, "author": "Koji Ishimoto", "license": "BSD-2-Clause" }
  4. { "name": "grunt-demo", "version": "0.0.1", "description": "This is demo.", "main":

    "Gruntfile.js", "scripts": { "test": "grunt test" }, "author": "Koji Ishimoto", "license": "BSD-2-Clause", "devDependencies": { "grunt": "~0.4.2", "grunt-csso": "~0.5.2" } }
  5. module.exports = function(grunt) { // Project configuration. grunt.initConfig({ // Task

    configuration. csso: { files: { 'output.css': ['input.css'] } } }); // These plugins provide necessary tasks. grunt.loadNpmTasks('grunt-csso'); // Default task. grunt.registerTask('default', ['csso']); };
  6. $ npm install yo -g $ npm install generator-maple -g

    $ mkdir your_proj && cd $_ $ yo maple $ grunt