Gruntfile.js

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

  // ----------------------------------------------------------
  // WARNING, BRAVE DEVELOPER
  // ----------------------------------------------------------
  // Webhook allows you to use local grunt tasks and files.
  // However, these tasks are ONLY RUN LOCALLY and not when
  // your live site needs to be rebuilt. This means you should
  // only use grunt for pre-processing tasks like building
  // Sass, less or coffescript files, not for reading things
  // from your templates and making dynamic changes during
  // the build process. Doing so will cause your live site
  // not to regerate.
  //
  // You have been warned!

  grunt.initConfig({
    // BUILD SASS TO CSS
    sass: {
      dev: {
        options: {
          // We used the expanded style because Webhook already minifies CSS when it deploys your site.
          style: 'expanded',

          // Uncomment the below line to include outside directories as well.
          // loadPath: ['location/of/other/sass']
        },
        files: [{
          // Files in the /sass/ directory will go to /static/css/ when processed.
          expand: true,
          cwd: 'sass',
          src: ['*.sass', '*.scss'],
          dest: 'static/css',
          ext: '.css'
        }]
      }
    },

    // BUILD LESS TO CSS
    less: {
      dev: {
        options: {
          // Uncomment the below line to include outside directories as well.
          // paths: ['location/of/other/less/']
        },
        files: [{
          // Files in the /less/ directory will go to /static/css/ when processed.
          expand: true,
          cwd: 'less',
          src: ['*.less'],
          dest: 'static/css',
          ext: '.css'
        }]
      }
    },

    // BUILD COFFEE TO JAVASCRIPT
    coffee: {
      compile: {
        files: {
          'static/javascript/main.js': ['coffee/*.coffee'] // compile and concat into single file
        }
      },
    },

    // WHEN FILES CHANGE, RUN THE ABOVE TASKS ALONG WITH BUILD
    watch: {
      sass : {
        files: ['sass/**/*.sass', 'sass/**/*.scss'],
        tasks: ['sass', 'build']
      },
      less : {
        files: ['less/**/*.less'],
        tasks: ['less', 'build']
      },
      coffee : {
        files: ['coffee/**/*.coffee'],
        tasks: ['coffee', 'build']
      },
    }
  });

  // THIS LOADS THE TASKS WE NEED ABOVE IN FROM OUR NPM
  // Note, that we need to have these installed through the package.json file as well
  grunt.loadNpmTasks('grunt-contrib-sass');
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-contrib-coffee');

  // NEVER REMOVE THESE LINES, OR ELSE YOUR PROJECT MAY NOT WORK
  require('./options/generatorOptions.js')(grunt);
  grunt.loadTasks('tasks');
};