Gruntfile.js

/**
 * # Grunt
 * A task manager for auto compiling and validating code
 *
 * ## Set up
 * Make sure the you have nodejs running on your machine
 * Install Grunt with npm `npm install -g grunt-cli`
 * Install Grunt packages `npm install`
 *
 * ## Config
 * The configuration settings are found in `package.json`.
 *
 * ## Running
 * You can type `grunt <command>` to run any of rules in the `initConfig` function
 * e.g. `grunt compass` to compile the scss files to css
 *
 * You can also run a sub-task by adding `:<subtask>`
 * e.g. `grunt uglify:js` to compile to javaScript header file
 *
 * ## Helper Commands
 * There are a number of helper command at the end of the file
 * - default (`grunt`) will watch the folder and compile when files are saved
 */

// # Globbing
// for performance reasons we're only matching one level down:
// 'test/spec/{,*/}*.js'
// use this if you want to recursively match all subfolders:
// 'test/spec/**/*.js'

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

  // require it at the top and pass in the grunt instance
  require('time-grunt')(grunt);

  grunt.initConfig({

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

    meta: {
      banner: '<%= pkg.name %> by <%= pkg.author %> (<%= grunt.template.today("yyyy-mm-dd, HH:MM") %>)',
      bannerJS:
      '/*\n' +
      ' * <%= meta.banner %>\n' +
      ' */'
    },

    clean: {
      build: ["js-min/*", "css/*", "css-min/*"]
    },

    /*
    compass: {
      dist: {
        options: {
          config: 'config.rb',
          sourcemap: true
        }
      }
    },
    */

    libsass: {
      dist: {
        options: {
          loadPath: ['vendor/bower/bootstrap-sass/lib'],
          sourcemap: true
        },
        files: [{
          expand: true,
          cwd: 'scss/',
          src: ['**/app.scss'],
          dest: 'css/',
          ext: '.css'
        }]
      }
    },

    concat: {
      js: {
        options: {
          separator: ';\n\r',
          sourceMap: true
        },
        src: [
          'vendor/bower/bootstrap-sass/dist/js/bootstrap.min.js',
          'vendor/bower/magnific-popup/dist/jquery.magnific-popup.min.js'
        ],
        dest: 'js/plugins.js'
      }
    },

    autoprefixer: {
      options: {
        browsers: ['last 100 version'],
        map: true
      },
      multiple_files: {
        expand: true,
        flatten: true,
        src: 'css/*.css',
        dest: 'css/'
      }
    },

    csswring: {
      options: {
        banner: '<%= meta.banner %>\n',
        map: true,
        preserveHacks: true
      },
      minify: {
        expand: true,
        flatten: true,
        src: ['css/*.css'],
        dest: 'css-min/'
      }
    },

    uglify: {
      js: {
        options: {
          banner: '<%= meta.bannerJS %>\n',
          sourceMap: true
        },
        files: [{
          expand: true,
          cwd: 'js/',
          src: '**/*.js',
          dest: 'js-min/'
        }]
      }
    },

    dalek: {
      options: {
        // invoke phantomjs, chrome & chrome canary ...
        browser: ['phantomjs', 'chrome']
        // generate an html & an jUnit report
        //reporter: ['html', 'junit']
      },
      dist: {
        src: ['tests/dalek/*.js']
      }
    },

    pagespeed: {
      options: {
        nokey: true,
        url: "http://openrheinruhr.suckup.de"
      },
      dist: {
        options: {
          url: "http://openrheinruhr.suckup.de",
          locale: "de_DE",
          strategy: "desktop",
          threshold: 80
        }
      }
    },

    watch: {

      twig: {
        files: ['*.twig'],
        options: {
          livereload: true
        }
      },

      js: {
        files: ['js/*.js'],
        tasks: ['concat:js', 'uglify:js'],
        options: {
          livereload: true
        }
      },

      sass: {
        files: ['scss/**/*.scss'],
        tasks: ['libsass:dist', 'autoprefixer', 'csswring:minify'],
        options: {
          livereload: true,
          spawn : false       // for grunt-contrib-watch v0.5.0+, "nospawn: true" for lower versions.
        }
      }

    }

  });

  // load all plugins from the "package.json"-file
  require("matchdep").filterDev("grunt-*").forEach(grunt.loadNpmTasks);

  grunt.registerTask('default', ['watch']);

  grunt.registerTask('clean-build', ['clean:build']);
  grunt.registerTask('csswring' ['csswring:minify']);
  grunt.registerTask('image-min', ['imagemin:dynamic']);
  grunt.registerTask('test', ['dalek']);

  grunt.registerTask(
    'build',
    'Build this website ... yeaahhh!',
    [ 'clean:build', 'concat:js', 'uglify:js', 'libsass:dist', 'autoprefixer', 'csswring:minify']
  );

};