Gruntfile.js

var serveStatic = require('serve-static');

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

  // Load grunt tasks automatically
  require('load-grunt-tasks')(grunt);

  // Time how long tasks take. Can help when optimizing build times
  require('time-grunt')(grunt);

  var config = {
    app: 'app',
    dist: 'dist'
  };

  grunt.initConfig({

    config: config,

    watch: {
      bower: {
        files: ['bower.json'],
        tasks: ['wiredep']
      },
      js: {
        files: ['<%= config.app %>/scripts/**/*.js'],
        tasks: ['jshint'],
        options: {
          livereload: true
        }
      },
      gruntfile: {
        files: ['Gruntfile.js']
      },
      less: {
        files: ['<%= config.app %>/styles/**/*.less'],
        tasks: ['less:styles', 'autoprefixer']
      },
      jade: {
        files: ['<%= config.app %>/**/*.{jade,md}'],
        tasks: ['jade:build']
      },
      livereload: {
        options: {
          livereload: '<%= connect.options.livereload %>'
        },
        files: [
          '.tmp/**/*.html',
          '.tmp/styles/**/*.css',
          '<%= config.app %>/images/**/*'
        ]
      }
    },

    connect: {
      options: {
        port: 9090,
        open: true,
        livereload: 35729,
        hostname: '0.0.0.0'
      },
      livereload: {
        options: {
          middleware: function(connect) {
            return [
              serveStatic('.tmp'),
              connect().use('/bower_components', serveStatic('./bower_components')),
              serveStatic(config.app)
            ];
          }
        }
      },
      dist: {
        options: {
          base: '<%= config.dist %>',
          livereload: false
        }
      }
    },

    clean: {
      dist: {
        files: [{
          dot: true,
          src: [
            '.tmp',
            '<%= config.dist %>/*',
            '!<%= config.dist %>/.git*'
          ]
        }]
      },
      server: '.tmp'
    },

    jshint: {
      options: {
        jshintrc: '.jshintrc',
        reporter: require('jshint-stylish')
      },
      all: [
        'Gruntfile.js',
        '<%= config.app %>/scripts/**/*.js',
        '!<%= config.app %>/scripts/vendor/*',
      ]
    },

    autoprefixer: {
      options: {
        browsers: ['last 1 version']
      },
      dist: {
        files: [{
          expand: true,
          cwd: '.tmp/styles/',
          src: '**/*.css',
          dest: '<%= config.dist %>/styles/'
        }]
      }
    },

    wiredep: {
      app: {
        src: ['<%= config.app %>/bower-*.jade'],
        exclude: ['bower_components/bootstrap/dist/js/bootstrap.js']
      }
    },

    rev: {
      dist: {
        files: {
          src: [
            '<%= config.dist %>/scripts/**/*.js',
            '<%= config.dist %>/styles/**/*.css',
            '<%= config.dist %>/images/**/*.*',
            '!<%= config.dist %>/images/**/*@2x.*',
            '<%= config.dist %>/fonts/**/*.*',
            '<%= config.dist %>/*.{ico,png}',
          ]
        }
      }
    },

    useminPrepare: {
      options: {
        dest: '<%= config.dist %>'
      },
      html: '<%= config.dist %>/index.html'
    },

    usemin: {
      options: {
        assetsDirs: ['<%= config.dist %>', '<%= config.dist %>/images']
      },
      html: ['<%= config.dist %>/**/*.html'],
      css: ['<%= config.dist %>/styles/**/*.css']
    },

    imagemin: {
      dist: {
        files: [{
          expand: true,
          cwd: '<%= config.app %>/images',
          src: '**/*.{gif,jpeg,jpg,png}',
          dest: '<%= config.dist %>/images'
        }]
      }
    },

    svgmin: {
      dist: {
        files: [{
          expand: true,
          cwd: '<%= config.app %>/images',
          src: '**/*.svg',
          dest: '<%= config.dist %>/images'
        }]
      }
    },

    htmlmin: {
      dist: {
        options: {
          collapseBooleanAttributes: true,
          collapseWhitespace: true,
          removeAttributeQuotes: true,
          removeCommentsFromCDATA: true,
          removeEmptyAttributes: true,
          removeOptionalTags: true,
          removeRedundantAttributes: true,
          useShortDoctype: true
        },
        files: [{
          expand: true,
          cwd: '<%= config.dist %>',
          src: '**/*.html',
          dest: '<%= config.dist %>'
        }]
      }
    },

    copy: {
      dist: {
        files: [{
          expand: true,
          dot: true,
          cwd: '<%= config.app %>',
          dest: '<%= config.dist %>',
          src: [
            'CNAME',
            '.htaccess',
            '.nojekyll',
            'google*.html',
            'favicons/**/*.*',
            '*.{ico,png,txt}',
            'images/**/*.webp',
            'images/**/*.pdf',
            'styles/fonts/**/*.*'
          ]
        },
        {
          expand: true,
          dot: true,
          cwd: 'bower_components/bootstrap/dist',
          src: ['fonts/*.*'],
          dest: '<%= config.dist %>'
        }, {
          expand: true,
          dot: true,
          cwd: 'bower_components/font-awesome/',
          src: ['fonts/*.*'],
          dest: '<%= config.dist %>'
        },
        {
          expand: true,
          dot: true,
          cwd: 'bower_components/font-awesome/css',
          src: ['**/*.min.css'],
          dest: '<%= config.dist %>/styles'
        },
      {
          expand: true,
          cwd: 'bower_components/bootstrap/less/',
          src: ['**/*.less'],
          dest: 'app/styles/bootstrap'
      }]
      }
    },

    less: {
      styles: {
        src: '<%= config.app %>/styles/main.less',
        dest: '.tmp/styles/main.css'
      }
    },

    jade: {
      options: {
        pretty: true
      },
      build: {
        src: '<%= config.app %>/index.jade',
        dest: '.tmp/index.html'
      },
      dist: {
        src: '<%= config.app %>/index.jade',
        dest: '<%= config.dist %>/index.html'
      }
    },

    concurrent: {
      server: [
        'less:styles',
        'jade:build'
      ],
      dist: [
        'less:styles',
        'imagemin',
        'svgmin'
      ]
    },

    sitemap: {
      dist: {
        siteRoot: '<%= config.dist %>',
        homepage: 'https://conc.at'
      }
    },

    manifest: {
      options: {
        basePath: '<%= config.dist %>',
        preferOnline: true,
        verbose: false,
      },
      dist: {
        src: [
          'fonts/**/*.*',
          'images/**/*.*',
          'scripts/**/*.*',
          'styles/**/*.*'
        ],
        dest: '<%= config.dist %>/manifest.appcache'
      }
    },

    // uncss: {
    //   options: {
    //     ignore: [
    //       /fa/,
    //       /btn/,
    //       /.in/,
    //       /.out/,
    //       /#map/,
    //       /tito/,
    //       /modal/,
    //       /footer/,
    //       /\.team-member/,
    //       /\.img\-circle/,
    //       /\.list\-inline/,
    //       /\.navbar\-shrink/,
    //       /collap/,
    //       /\.social\-buttons/
    //     ]
    //   },
    //   dist: {
    //     files: [{
    //       src: '<%= config.dist %>/index.html',
    //       dest: '<%= config.dist %>/styles/main.css'
    //     }]
    //   }
    // },

    cssmin: {
      dist: {
        files: [{
          src: ['<%= config.dist %>/styles/main.css',
          '<%= config.dist %>/styles/font-awesome.min.css'],
          dest: '<%= config.dist %>/styles/main.css'
        }]
      }
    },

    jsonmin: {
      dist: {
        files: [{
          expand: true,
          cwd: '<%= config.app %>',
          src: ['schemas/*.jsonld'],
          dest: '<%= config.dist %>'
        }]
      }
    }
  });


  grunt.registerTask('serve', function (target) {
    if (target === 'dist') {
      return grunt.task.run(['build', 'connect:dist:keepalive']);
    }

    grunt.task.run([
      'clean:server',
      'concurrent:server',
      'autoprefixer',
      'connect:livereload',
      'watch'
    ]);
  });

  grunt.registerTask('build', [
    'clean:dist',
    'jade:dist',
    'useminPrepare',
    'concurrent:dist',
    'autoprefixer',
    'concat',
    'uglify',
    'copy:dist',
    // 'uncss',
    'cssmin:dist',
    'rev',
    'usemin',
    'htmlmin',
    'jsonmin',
    'sitemap',
    // 'manifest'
  ]);

  grunt.registerTask('default', [
    'newer:jshint',
    'build'
  ]);
};