Bolt Gruntfile - From the Bolt WordPress theme

component.json

{
  "name": "Bolt",
  "version": "1.0.0",
  "main": "./scripts/app.js",
  "dependencies": {
    "jquery": "latest",
    "modernizr": "latest",
    "compass-twitter-bootstrap": "https://github.com/vwall/compass-twitter-bootstrap.git",
    "flexslider": "latest"
  }
}

Gruntfile.js

/*global module:false*/
module.exports = function(grunt) {
  'use strict';

  // readOptionalJSON
  // by Ben Alman
  // https://gist.github.com/2876125
  function readOptionalJSON( filepath ) {
      var data = {};
      try {
          data = grunt.file.readJSON( filepath );
          grunt.verbose.write( "Reading " + filepath + "..." ).ok();
      } catch(e) {}
      return data;
  }

  // Project configuration.
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    wpcss: {
      banner: '/*\n'+
              'Theme Name: <%= pkg.title || pkg.name %> \n'+
              'Theme URI: <%= pkg.homepage %> \n'+
              'Author: <%= pkg.author %>\n'+
              'Description: <%= pkg.description %> \n' +
              'Version: <%= pkg.version %> \n'+
              'Tags: <%= pkg.tags %> \n'+
              'Licence: <%= _.pluck(pkg.licenses, "type").join(", ") %>'+
              '\n\n'+
              '* This file does not contain any CSS \n'+
              '* Stylesheets are located in the "assets/css/" - directory \n'+
              '* Innovative ideas through Design, Optimization and Development @ Houndstooth http://madebyhoundstooth.com \n'+
              '*/'
    },
    meta: {
      banner: '/*! <%= pkg.title || pkg.name %> - v<%= pkg.version %> - ' +
        '<%= grunt.template.today("yyyy-mm-dd") %>\n' +
        '<%= pkg.homepage ? "* " + pkg.homepage + "\n" : "" %>' +
        '* Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author.name %>;' +
        ' Licensed <%= _.pluck(pkg.licenses, "type").join(", ") %> */'
    },
    paths: {
      src: 'src',
      dest: 'dist'
    },
    concat: {
      options: {
        separator: ';'
      },
      distScripts: {
        src: [
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-transition.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-alert.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-button.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-carousel.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-collapse.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-dropdown.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-modal.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-tooltip.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-popover.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-scrollspy.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-tab.js',
          '<%= paths.src %>/assets/scripts/vendor/bootstrap/bootstrap-typeahead.js',
          '<%= paths.src %>/assets/scripts/app.js'
        ],
        dest: '<%= paths.src %>/assets/scripts/scripts.js'
      },
      wpcss: {
        options: {
          banner: '<%= wpcss.banner %>'
        },
        src: ['<%= wpcss.banner %>'],
        dest: '<%= paths.dest %>/style.css'
      }
    },
    compass: {
      dev: {
        options: {
          config: 'config/compass.rb'
        }
      }
    },
    copy: {
      scaffold: {
        files: [
          {expand: true, cwd: 'components/compass-twitter-bootstrap/vendor/assets/javascripts/', src: '*.js', dest: '<%= paths.src %>/assets/scripts/vendor/bootstrap/'},
          {expand: true, cwd: 'components/compass-twitter-bootstrap/vendor/assets/fonts/', src: ['**'], dest: '<%= paths.src %>/assets/font/'},
          {expand: true, cwd: 'components/jquery/', src: 'jquery.min.js', dest: '<%= paths.src %>/assets/scripts/vendor/'},
          {expand: true, cwd: 'components/modernizr/', src: 'modernizr.js', dest: '<%= paths.src %>/assets/scripts/vendor/'},
          {expand: true, cwd: 'components/compass-twitter-bootstrap/stylesheets/', src: ['**'], dest: '<%= paths.src %>/assets/sass/'},
          {expand: true, cwd: 'components/flexslider/', src: 'jquery.flexslider.js', dest: '<%= paths.src %>/assets/scripts/vendor/'},
          {expand: true, cwd: 'components/flexslider/', src: 'flexslider.css', dest: '<%= paths.src %>/assets/sass/flexslider/'},
          {expand: true, cwd: 'components/flexslider/images/', src: ['**'], dest: '<%= paths.src %>/assets/images/'}
        ]
      },
      dist: {
        files: [
          {expand: true, cwd: '<%= paths.src %>/', src: ['**/*.php'], dest: '<%= paths.dest %>/'},
          {expand: true, cwd: '<%= paths.src %>/font/', src: ['**'], dest: '<%= paths.dest %>/assets/font/'},
          {expand: true, cwd: '<%= paths.src %>/', src: ['*.png'], dest: '<%= paths.dest %>/'},
          {expand: true, cwd: '<%= paths.src %>/assets/images/', src: ['**'], dest: '<%= paths.dest %>/assets/images/'},
          {expand: true, cwd: '<%= paths.src %>/assets/font/', src: ['**'], dest: '<%= paths.dest %>/assets/font/'}
        ]
      }
    },
    jshint: {
      all: ['Gruntfile.js', '<%= paths.src %>/assets/scripts/app.js']
    },
    imagemin: {
      dist: {
        options: {
          optimizationLevel: 3
        },
        files: [
          {
            expand: true,
            cwd: '<%= paths.src %>/assets/images/',
            src: ['**/*.png'],
            dest: '<%= paths.dest %>/assets/images/'
          }
        ]
      },
      dev: {                             // Another target
        options: {                       // Target options
          optimizationLevel: 0
        },
        files: [
          {
            expand: true,
            cwd: '<%= paths.src %>/assets/images/',
            src: ['**/*.png'],
            dest: '<%= paths.dest %>/assets/images/'
          }
        ]
      }
    },
    mincss: {
      dist: {
        files: {
          "<%= paths.dest %>/assets/css/main.min.css": ["<%= paths.src %>/assets/css/main.css"]
        }
      }
    },
    uglify: {
      dist: {
        files: {
          '<%= paths.dest %>/assets/scripts/scripts.min.js': ['<%= paths.src %>/assets/scripts/scripts.js']
        }
      }
    },
    watch: {
      src: {
        files: ['<%= paths.src %>/assets/sass/**/*.scss'],
        tasks: ['dev']
      }
    }
  });

  // Load External Tasks
  grunt.loadTasks('tasks');

  // Load NPM tasks
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-contrib-compass');
  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-copy');
  grunt.loadNpmTasks('grunt-contrib-imagemin');
  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-contrib-mincss');
  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.loadNpmTasks('grunt-contrib-watch');
  
  // Tasks to run
  grunt.registerTask('build', ['copy:dist', 'mincss:dist', 'concat', 'uglify:dist', 'wpversion']);
  grunt.registerTask('dev', ['compass', 'jshint']);
  grunt.registerTask('scaffold', ['copy:scaffold']);

};

package.json

{
  "name": "Bolt",
  "description": "Bolt starter theme for Houndstooth development",
  "version": "0.1.0",
  "author": "Houndstooth (http://madebyhoundstooth.com)",
  "homepage": "http://madebyhoundstooth.com/bolt",
  "tags": "starter, development, skeleton, stripped, build, scaffold",
  "repository": {
    "type": "git",
    "url": "https://github.com/HoundstoothSTL/bolt.git"
  },
  "bugs": {
    "url": "https://github.com/HoundstoothSTL/bolt/issues"
  },
  "licenses": [
    {
      "type": "NA",
      "url": "https://github.com/HoundstoothSTL/bolt/blob/master/LICENSE"
    }
  ],
  "dependencies": {},
  "devDependencies": {
    "grunt": "0.4.0rc5",
    "grunt-contrib-compass": "git://github.com/gruntjs/grunt-contrib-compass.git",
    "grunt-contrib-copy": "https://github.com/ctalkington/grunt-contrib-copy/archive/patch4.tar.gz",
    "grunt-contrib-concat": "git://github.com/gruntjs/grunt-contrib-concat.git",
    "grunt-contrib-jshint": "git://github.com/gruntjs/grunt-contrib-jshint.git",
    "grunt-contrib-watch": "git://github.com/gruntjs/grunt-contrib-watch.git",
    "grunt-contrib-uglify": "git://github.com/gruntjs/grunt-contrib-uglify.git",
    "bower": "~0.6.8",
    "grunt-contrib-mincss": "git://github.com/gruntjs/grunt-contrib-mincss.git",
    "grunt-contrib-imagemin": "git://github.com/gruntjs/grunt-contrib-imagemin.git",
    "grunt-contrib-clean": "git://github.com/gruntjs/grunt-contrib-clean.git"
  }
}

wpversion.js

/**
 * Task: wpversion
 * Description: Set the versions in scripts.php for CSS/JS
 */

module.exports = function(grunt) {
  'use strict';

  var fs = require('fs');
  var path = require('path');
  var crypto = require('crypto');

  grunt.registerTask('wpversion', 'Set the versions in scripts.php for CSS/JS', function() {
    var scriptsPhp = 'dist/lib/include_functions/scripts.php';

    // Hash the CSS
    var hashCss = rev('dist/assets/css/main.min.css');

    // Hash the JS
    var hashJs = rev('dist/assets/scripts/scripts.min.js');

    // Update scripts.php to reference the new versions
    var regexCss = /(wp_enqueue_style\('bolt_css',(\s*[^,]+,){2})\s*[^\)]+\);/;
    var regexJs = /(wp_register_script\('bolt_scripts',(\s*[^,]+,){2})\s*[^,]+,\s*([^\)]+)\);/;

    var content = grunt.file.read(scriptsPhp);
    content = content.replace(regexCss, "\$1 '" + hashCss + "');");
    content = content.replace(regexJs, "\$1 '" + hashJs + "', " + "\$3);");
    grunt.file.write(scriptsPhp, content);
    grunt.log.writeln('"' + scriptsPhp + '" updated with new CSS/JS versions.');
  });

  /**
   * The 'md5' helper is a basic wrapper around crypto.createHash
   */
  var rev = function(filepath) {
    var hash = crypto.createHash('md5');
    hash.update(fs.readFileSync(filepath));
    grunt.log.write('Versioning ' + filepath + '...').ok();
    return hash.digest('hex');
  };
};