Gruntfile.js

module.exports = function(grunt) {

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

    config: {
      app: '.',
      assets: 'assets/',
      js: 'public/javascripts/vendor/',
      css: 'public/stylesheets/',
      images: 'public/images/',
      sass: 'sass/',
      port: 3000
    },

    sass: {
      options: {
        outputStyle: 'expanded'
      },
      dev: {
        files: {
          'public/stylesheets/sandbox.css': 'sass/styleguide/sandbox.scss',
          'public/stylesheets/main.css':    'sass/styleguide/main.scss',
          'public/stylesheets/docs.css':    'sass/docs/docs.scss'
        }
      },
      build: {
        files: {
          'dist/sandbox.css': 'sass/styleguide/sandbox.scss',
          'dist/main.css':    'sass/styleguide/main.scss'
        }
      }
    },

    pixrem: {
      options: {
        rootvalue: '10px',
        replace: true
      },
      build: {
        src: 'dist/sandbox.css',
        dest: 'dist/sandbox.css'
      }
    },

    watch: {
      grunt: {
        files: ['Gruntfile.js']
      },

      options: {
        livereload: true
      },

      sass: {
        files: ['sass/**/*.scss', 'views/**/*.html'],
        tasks: ['sass'],
        options: {
          livereload: true
        }
      },

      js: {
        files: ['javascripts/**/*.js'],
        options: {
          livereload: true
        }
      }

    },

    server: {
      port: 3000,
      base: '.'
    },

    autoprefixer: {
      options: {
        browsers: ['> 1%', 'last 5 versions', 'Firefox ESR', 'Opera 12.1']
      },
      no_dest: {
        src: 'public/stylesheets/*.css'
      },
      build: {
        src: 'dist/*.css'
      }
    },

    sprite: {
      all: {
        src: 'assets/sprites/*.png',
        destImg: 'public/images/sprites.png',
        destCSS: 'sass/objects/_sprites.scss',
        imgPath: '/images/sprites.png'
      }
    },

    clean: ['dist/', 'public/stylesheets/', 'assets/sandbox.svg', 'assets/svg/compressed', 'assets/svg/output'],

    svgstore: {
      options: {
        prefix: 'icon-',
        cleanup: ['fill', 'stroke'],
        symbol: true,
        svg: {
          xmlns: 'http://www.w3.org/2000/svg'
        }
      },
      default: {
        files: {
          'assets/sandbox.svg': ['assets/svg/compressed/*.svg']
        }
      }
    },

    rename: {
      svg: {
        files: [{
          src: ['assets/sandbox.svg'],
          dest: 'public/svg-defs.svg'
        }]
      }
    },

    svgmin: {
      options: {
        plugins: [{
          removeViewBox: false
        }, {
          removeUselessStrokeAndFill: false
        }]
      },
      dist: {
        expand: true,
        cwd: 'assets/svg',
        src: ['*.svg'],
        dest: 'assets/svg/compressed'
      }
    },

    csscomb: {
      options: {
        config: 'csscomb.json'
      },
      build: {
        files: {
          'dist/sandbox.css': 'dist/sandbox.css'
        }
      }
    },

    cssmin: {
      build: {
        files:{
          'dist/sandbox-min.css': 'dist/sandbox.css',
          'dist/main-min.css': 'dist/main.css'
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-sass');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-contrib-rename');
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-autoprefixer');
  grunt.loadNpmTasks('grunt-spritesmith');
  grunt.loadNpmTasks('grunt-svgmin');
  grunt.loadNpmTasks('grunt-svgstore');
  grunt.loadNpmTasks('grunt-csscomb');
  grunt.loadNpmTasks('grunt-pixrem');

  grunt.registerTask('express', 'Start a custom web server', function() {
    var port = process.env.PORT || 3000;
    process.env.CALLER = 'grunt';
    require('./bin/server').listen(port);
    grunt.log.writeln('Started web server on port ' + port);
  });

  grunt.registerTask('help', 'Log some stuff.', function() {
    grunt.log.subhead('This grunt file contains these tasks:');
    grunt.log.writeln('- grunt: to show command help');
    grunt.log.writeln('- grunt build: to compile sass');
    grunt.log.writeln('- grunt sprites: to generate the sprite master sheet. Just drop the sprites in assets/sprites and run the task.');
    grunt.log.writeln('- grunt svg: svg factory. Just drop the svg files in assets/svg and run the task.');
    grunt.log.writeln('- grunt server: to lunch server');
    grunt.log.subhead('You should launch grunt:server in development.');
  });

  grunt.registerTask('default', ['help']);
  grunt.registerTask('build', ['sass:build', 'pixrem:build', 'autoprefixer:build', 'csscomb:build', 'cssmin:build']);
  grunt.registerTask('sprites', ['sprite']);
  grunt.registerTask('svg', ['clean', 'svgmin', 'svgstore', 'rename:svg', 'sass']);
  grunt.registerTask('server', ['sass', 'express', 'watch']);
};