Grunt-Template for HTML and CSS-Stuff.

Gruntfile.js

module.exports = function (grunt) {
	grunt.initConfig({
		pkg: grunt.file.readJSON('package.json'),

		compass: {
			dev: {
				options: {
					sassDir: 'sass',
					cssDir: '.',
				}
			}
		},

		autoprefixer: {
			options: {
				// default:
				// browsers: ['> 1%', 'last 2 versions', 'ff 17', 'opera 12.1']
			},

			css: {
				src: 'style.css'
			}
		},

		watch: {
			compass: {
				files: ['sass/*.scss'],
				tasks: ['compass', 'autoprefixer'],
				options: {
					livereload: true
				}
			},

			livereload: {
				options: {
					livereload: true,
				},

				files: [
					'js/*.js',
					'**/*.php'
				],
			}
		}
	});

	grunt.loadNpmTasks('grunt-autoprefixer');
	grunt.loadNpmTasks('grunt-contrib-watch');
	grunt.loadNpmTasks('grunt-contrib-compass');
};

package.json

{
  "name": "application-name",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "grunt watch"
  },
  "dependencies": {
    "node-compass": "~0.2.3",
    "compass": "~0.1.0",
    "grunt-contrib-compass": "~0.6.0",
    "grunt": "~0.4.1",
    "grunt-contrib-watch": "~0.5.3",
    "grunt-express-server": "~0.4.5",
    "grunt-autoprefixer": "~0.4.0"
  }
}