[WordPress] Code examples from our blog post - Installing and Using Grunt http://www.limecanvas.com/installing-and-using-grunt/

1-Gruntfile.js

module.exports = function(grunt) {

    // 1. All configuration goes here 
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

       // 2. The plugin configuration
	uglify: {
    	  my_target: {
      	    files: {
              'js/admin.min.js': ['js/admin.js']
      	    }
    	  }
  	}

    });

    // 3. Where we tell Grunt we plan to use this plugin.
    grunt.loadNpmTasks('grunt-contrib-uglify');

    // 4. Where we tell Grunt what to do when we type "grunt" into the terminal.
    grunt.registerTask('default', ['uglify']);

};

altered-package.json

{
  "name": "test-project",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.1",
    "grunt-contrib-uglify": "~0.2.7"
  }
}

Gruntfile.js

module.exports = function(grunt) {

    // 1. All configuration goes here 
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

	uglify: {
    	  my_target: {
      	    files: {
              'js/admin.min.js': ['js/admin.js']
      	    }
    	  }
  	},

        imagemin: {
          dynamic: {
            files: [{
              expand: true,
              cwd: 'images/',
              src: ['**/*.{png,jpg,gif}'],
              dest: 'images/opt/'
            }]
          }
        }


    });

    // 3. Where we tell Grunt we plan to use this plug-in.
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-imagemin');

    // 4. Where we tell Grunt what to do when we type "grunt" into the terminal.
    grunt.registerTask('default', ['uglify', 'imagemin']);

};

project.json

 {
  "name": "test-project",
  "version": "0.1.0",
  "devDependencies": {
    "grunt": "~0.4.1",
  }