gruntfile_demo

module.exports = function(grunt) {
  grunt.loadNpmTasks('grunt-autoprefixer');
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    // Autoprefixer
    autoprefixer: {
      prod: {
        options: {
          browsers: ['last 3 versions', '> 1%', 'ie 8', 'ie 7']
        },
        files: {
          '../style.css': '../non_prefixed_style.css'
        }
      }
    },
    // check our JS
    jshint: {
      options: {
        "bitwise": true,
        "browser": true,
        "curly": true,
        "eqeqeq": true,
        "eqnull": true,
        "esnext": true,
        "immed": true,
        "jquery": true,
        "latedef": true,
        "newcap": true,
        "noarg": true,
        "node": true,
        "strict": false,
        "trailing": true,
        "undef": true,
        "globals": {
          "jQuery": true,
          "alert": true
        }
      },
      all: [
        'gruntfile.js',
        '../js/script.js'
      ]
    },

    // concat and minify our JS
    uglify: {
      dist: {
        files: {
          '../js/scripts.min.js': [
            '../js/scripts.js'
          ]
        }
      }
    },
    // compile your sass
    sass: {
      dev: {
        options: {
          style: 'expanded'
        },
        src: ['../scss/style.scss'],
        dest: '../non_prefixed_style.css'
      },
      prod: {
        options: {
          style: 'compressed'
        },
        src: ['../scss/style.scss'],
        dest: '../non_prefixed_style.css'
      },
      editorstyles: {
        options: {
          style: 'expanded'
        },
        src: ['../scss/wp-editor-style.scss'],
        dest: '../css/wp-editor-style.css'
      }
    },

    // watch for changes
    watch: {
      scss: {
        files: ['../scss/**/*.scss'],
        tasks: [
          'sass:dev',
          'sass:editorstyles',
          'notify:scss'
        ]
      },
      js: {
        files: [
          '<%= jshint.all %>'
        ],
        tasks: [
          'jshint',
          'uglify',
          'notify:js'
        ]
      },
    },

    // check your php
    phpcs: {
      application: {
        dir: '../*.php'
      },
      options: {
        bin: '/usr/bin/phpcs'
      }
    },

    // notify cross-OS
    notify: {
      scss: {
        options: {
          title: 'Grunt, grunt!',
          message: 'SCSS is all gravy'
        }
      },
      js: {
        options: {
          title: 'Grunt, grunt!',
          message: 'JS is all good'
        }
      },
      dist: {
        options: {
          title: 'Grunt, grunt!',
          message: 'Theme ready for production'
        }
      }
    },

    clean: {
      dist: {
        src: ['../dist'],
        options: {
          force: true
        }
      }
    },

    copyto: {
      dist: {
        files: [
          {cwd: '../', src: ['**/*'], dest: '../dist/'}
        ],
        options: {
          ignore: [
            '../dist{,/**/*}',
            '../doc{,/**/*}',
            '../grunt{,/**/*}',
            '../scss{,/**/*}',
            '../non_prefixed_style.css*'
          ]
        }
      }
    }
  });

  // Load NPM's via matchdep
  require('matchdep').filterDev('grunt-*').forEach(grunt.loadNpmTasks);
  // Development task
  grunt.registerTask('default', [
    'jshint',
    'uglify',
    'sass:dev',
    'sass:editorstyles'
  ]);

  // Production task
  grunt.registerTask('dist', function() {
    grunt.task.run([
      'jshint',
      'uglify',
      'sass:prod',
      'sass:editorstyles',
      'clean:dist',
      'autoprefixer:prod',
      'copyto:dist'
    ]);
  });
};