gruntfile.js

var timer = require("grunt-timer");
module.exports = function (grunt) {
  timer.init(grunt);
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    watch: {
      sass: {
        files: ['sass/**/*.{scss,sass}', 'sass/_base/**/*.{scss,sass}'],
        tasks: ['sass:render']
      }, //sass
      livereload: {
        files: ['*.html', '*.php', 'templates/**/*.{tpl,php}', 'js/**/*.{js,json}', 'css/*.css', 'images/**/*.{png,jpg,jpeg,gif,webp,svg}'],
        options: {
          livereload: true
        } // options
      } // livereload
    }, //watch
    sass: {
      render: {
        options: {
          sourceMap: true,
          sourceComments: false,
          outputStyle: 'expanded'
        },
        files: {
          'css/normalize.css': 'sass/normalize.scss',
          'css/styles.css': 'sass/styles.scss',
          'css/hacks.css': 'sass/hacks.scss',
          'css/color-palettes.css': 'sass/color-palettes.scss'
        } //files
      } // render
    } // sass
  });
  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.registerTask('default', ['sass:render', 'watch']);
};

package.json

{
  "name": "Boilerplate",
  "version": "0.0.1",
  "devDependencies": {
    "grunt": "~0.4.5",
    "grunt-autoprefixer": "~0.8.2",
    "grunt-contrib-concat": "~0.3.0",
    "grunt-contrib-handlebars": "~0.7.0",
    "grunt-contrib-uglify": "~0.5.1",
    "grunt-contrib-watch": "~0.6.1",
    "grunt-sass": "^0.17.0",
    "grunt-shell": "~0.6.4",
    "grunt-timer": "^0.5.8",
    "load-grunt-tasks": "~0.2.1",
    "node-bourbon": "^1.2.3",
    "node-neat": "^1.3.0"
  }
}