Gruntfile configs i normally use for wordpress development. still lacks build tasks. Based heavily on Yeoman's grunt workflow

Gruntfile.js

/* Grunt tasks for developing wordpress themes to suit George Ananda's workflow

Autoloads all grunt modules via matchdep
Configures Dev and Dist directory variables for use in tasks
Initializes Grunt :
  Watch   :   Watch html, php, css, js, & img files - livereloads browser on change
              Watch sass files - compiles into css with compass on change
  Open    :   Opens dev url on browser
  Compass :   Compiles files on sass folder to css
*/

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

  // Load all grunt tasks
  require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);

  var pathConfig = {
    app: '',
    dist: 'dist'
  };

  grunt.initConfig({

    project: pathConfig,

    // WATCH
    watch: {
      files: [
        '{,*/}*.html',
        '{,*/}*.php',
        '{,*/}*.css',
        '{,*/}*.js',
        '{,*/}img.*'
      ],
      sass: {
        files: 'sass/{,*/}*.scss',
        tasks: 'compass'
      },
      options: {
        livereload: true
      }
    },

    // OPEN
    open: {
      dev: {
        url: 'http://localhost:8888/polymath/polysite/polywp'
      }
    },

    // COMPASS
    compass: {
      dev: {
        options: {
          sassDir: 'sass',
          cssDir: '',
          // outputStyle: 'compressed'
        }
      }
    }


  });

  grunt.registerTask('default', [
    'watch',
    'open'
    ]);

}