GruntFile.js

// ==========================================================================
// *
// * Grunt Build for ooomf/ooomf.com
// * https://bitbucket.org/ooomf/ooomf.com
// *
// * # LESS
// * # Autoprefixer
// * # Concat
// * # Uglify
// * # JS Hint
// * # ImageMin
// * # Webfonts
// * # Jekyll
// * # Watch
// *
// ==========================================================================


var root, // store local path to root
  assets, // store local path to assets
  path, // store local paths to files
  build; // store local path to build folder

root = './';
build = root + '_site/';
assets = root + '_assets/';

path = {
  main: {
    js: {
      src: root + '_js/',
      compiled: assets + 'javascripts/',
    },
    css: {
      src: root + '_less/',
      compiled: assets + 'stylesheets/',
    },
    images: {
      src: root + '_img/',
      compiled: assets + 'images/'
    },
    webfonts: {
      src: root + '_icons/',
      compiled: root + 'webfonts/',
    },
  }
};

module.exports = function(grunt) {

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),

    // ==========================================================================
    // * LESS
    // * https://github.com/gruntjs/grunt-contrib-less
    // ==========================================================================

    less: {
      main: {
        src: path.main.css.src + 'main.less',
        dest: path.main.css.compiled + 'main.css'
      },
    },

    // ==========================================================================
    // * AutoPrefixer
    // * https://github.com/nDmitry/grunt-autoprefixer
    // ==========================================================================

    autoprefixer: {
      options: {
        browsers: ['last 2 version', 'ie 9', 'ie 8'],
      },
      main: {
        src: '<%= less.main.dest %>',
      },
    },

    // ==========================================================================
    // * CSSmin
    // * https://github.com/gruntjs/grunt-contrib-cssmin
    // ==========================================================================

    cssmin: {
      options: {
        report: 'min',
      },
      main: {
        src: '<%= autoprefixer.main.src %>',
        dest: path.main.css.compiled + 'main.min.css',
      },
    },

    // ==========================================================================
    // * Concat
    // * https://github.com/gruntjs/grunt-contrib-concat
    // ==========================================================================

    concat: {
      options: {
        separator: ';'
      },
      main: {
        src: [
          path.main.js.src + '**/*.js'
        ],
        dest: path.main.js.compiled + 'main.js'
      },
    },

    // ==========================================================================
    // * Uglify
    // * https://github.com/gruntjs/grunt-contrib-uglify
    // ==========================================================================

    uglify: {
      main: {
        src: '<%= concat.main.dest %>',
        dest: path.main.js.compiled + 'main.min.js'
      },
    },

    // ==========================================================================
    // * JS Hint
    // * https://github.com/gruntjs/grunt-contrib-jshint
    // ==========================================================================

    jshint: {
      files: ['gruntfile.js', path.main.js.src + '*.js'],
    },

    // ==========================================================================
    // * ImageMin
    // * https://github.com/gruntjs/grunt-contrib-imagemin
    // ==========================================================================

    imagemin: {
      img: {
        options: {
          optimizationLevel: 3
        },
        files: [{
          expand: true,
          cwd: path.main.images.src,
          src: ['**/*.{png,jpg,gif,jpeg}'],
          dest: path.main.images.compiled,
        }],
      },
    },

    // ==========================================================================
    // * Webfonts
    // * https://github.com/sapegin/grunt-webfont
    // ==========================================================================

    webfont: {
      main: {
        src: path.main.webfonts.src + '*.svg',
        dest: path.main.webfonts.compiled,
        destCss: path.main.css.src,
        options: {
          syntax: 'bem',
          templateOptions: {
            baseClass: 'icon',
            classPrefix: 'icon-',
            mixinPrefix: 'icon-',
          },
          stylesheet: 'less',
          relativeFontPath: '../../webfonts/',
          font: 'main-iconfont',
          destHtml: path.main.webfonts.src,
        },
      },
    },

    // ==========================================================================
    // * Shell
    // https://github.com/sindresorhus/grunt-shell
    // ==========================================================================

    shell: {
      options: {
          stdout: true,
          failOnError: true,
      },
      build: {
        command: 'jekyll build',
      },
      serve: {
        command: 'jekyll serve'
      },
      deploy: {
        command: 'dotenv s3_website push --headless'
      },
      deployAutomated: {
        command: 's3_website push --headless'
      },
      clearBuild: {
        command: 'rm -rf _assets && rm -rf _site'
      }
    },

    // ==========================================================================
    // * Watch
    // * https://github.com/gruntjs/grunt-contrib-watch
    // ==========================================================================

    watch: {
      less: {
        files: [ path.main.css.src + '**/*.less'],
        tasks: ['compile-css'],
      },

      js: {
        files: [ path.main.js.src + '**/*.js'],
        tasks: ['compile-js'],
      },

      site: {
        files: [ root + '_data/**/*', root + '_includes/**/*', root + '*'],
        tasks: ['compile-site'],
      },
    },
  });

  // loads
  grunt.loadNpmTasks('grunt-notify');
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-autoprefixer');
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.loadNpmTasks('grunt-contrib-imagemin');
  grunt.loadNpmTasks('grunt-webfont');
  grunt.loadNpmTasks('grunt-shell');
  grunt.loadNpmTasks('grunt-contrib-watch');

  // tasks
  grunt.registerTask('test', ['jshint']);
  grunt.registerTask('compile-js', ['jshint', 'concat', 'uglify']);
  grunt.registerTask('compile-css', ['less', 'autoprefixer', 'cssmin']);
  grunt.registerTask('compile-images', ['imagemin']);
  grunt.registerTask('compile-fonts', ['webfont']);
  grunt.registerTask('compile-site', ['shell:build']);
  grunt.registerTask('deploy', ['shell:deploy']);
  grunt.registerTask('deploy-automated', ['shell:deployAutomated']);

  // task aliases/sugar
  grunt.registerTask('compile', ['shell:clearBuild', 'compile-js', 'compile-css', 'compile-images', 'compile-site']);
  grunt.registerTask('default', ['compile']);

  // watch tasks
  grunt.registerTask('watch', ['watch']);
  grunt.registerTask('watch-js', ['watch:js']);
  grunt.registerTask('watch-less', ['watch:less']);
  grunt.registerTask('watch-site', ['watch:site']);
};