Gruntfile.js

module.exports = function(grunt) {

  var target = grunt.option('target') || 'local';

  // Project configuration.
  grunt.initConfig({
    copy: {
      config: {
        src: 'src/app/config/config.' + target + '.js',
        dest: 'dist/config/config.js',
      },
      fonts_exo: {
        expand: true,
        cwd: 'src/assets/fonts/exo',
        src: '**',
        dest: 'dist/fonts/exo'
      },
      img: {
        expand: true,
        cwd: 'src/assets/img',
        src: '**',
        dest: 'dist/img'
      },
      app: {
        expand: true,
        cwd: 'src',
        src: '*',
        dest: 'dist/',
        filter: 'isFile'
      },
      assetjson: {
        expand: true,
        cwd: 'src/.well-known/',
        src: '**',
        dest: 'dist/.well-known'
      }
    },
    nggettext_extract: {
      pot: {
        files: {
          'src/po/template.pot': ['src/app/common/*.html', 'src/app/common/*.js', 'src/app/components/*/*.html', 'src/app/components/*/*.js']
        }
      },
    },
    nggettext_compile: {
      all: {
        files: {
          'src/app/common/translations.js': ['src/po/*.po']
        }
      },
    },
    sass_import: {
      options: {},
      dist: {
        files: {
          'src/assets/css/main.scss': ['src/app/common/cd/_cd-tools.scss', 'src/app/common/variables/*.scss', 'src/app/common/mixins/*.scss', 'src/app/common/base/*.scss', 'src/app/common/forms/*.scss', 'src/app/common/*.scss', 'src/app/components/**/*', 'src/app/common/cd/_cd.scss'],
        }
      }
    },
    sass: {
      dist: {
        src: 'src/assets/css/main.scss',
        dest: 'src/assets/css/main.css',
      },
      api: {
        src: 'src/assets/css/api.scss',
        dest: 'src/assets/css/api.css',
      },
    },
    watch: {
      sass: {
        files: ['src/app/common/**/*.scss', 'src/app/components/**/*.scss'],
        tasks: ['sass_import', 'sass:dist', 'postcss'],
        options: {
          spawn: false,
        }
      }
    },
    modernizr: {
      dist: {
        'crawl': true,
        'customTests': [],
        'dest': 'src/assets/js/modernizr-output.js',
        'tests': [
          'appearance',
          'csscalc',
          'csstransforms',
          'flexbox',
          'svg',
        ],
        'options': [
          'setClasses'
        ],
        'uglify': true
      }
    },
    postcss: {
      options: {
        processors: [
          require('autoprefixer')
        ]
      },
      dist: {
        files: {
          'src/assets/css/main.css': 'src/assets/css/main.css'
        },
      }
    },
    cacheHash: {},
    useminPrepare: {
      html: 'src/index.html'
    },
    ngtemplates: {
      app: {
        files: [{
          cwd: 'src',
          src: ['app/common/*.html', 'app/components/**/*.html'],
          dest: '.tmp/concat/js/templates.js'
        }],
        options: {
          module: 'hidApp',
          usemin: 'dist/js/app.min.js',
          htmlmin: {
            collapseBooleanAttributes:      true,
            collapseWhitespace:             true,
            removeAttributeQuotes:          true,
            removeComments:                 true,
            removeEmptyAttributes:          true,
            removeScriptTypeAttributes:     true,
            removeStyleLinkTypeAttributes:  true
          }
        }
      }
    },
    // Annotates to prevent angularjs errors on minification.
    ngAnnotate: {
      js: {
        files: {
          '.tmp/concat/js/app.min.js': ['.tmp/concat/js/app.min.js']
        }
      }
    },
    usemin: {
      html: 'dist/index.html'
    },
    // Cache bust
    cacheBust: {
      bust: {
        options: {
          jsonOutput: true,
          jsonOutputFilename: '../.tmp/cachebust.json',
          baseDir: 'dist/',
          assets: ['js/*', 'css/*']
        },
        src: ['dist/index.html']
      }
    },
    // Build cache manifest
    manifest: {
      generate: {
        options: {
          basePath: 'dist/',
          cache: ['<%= cacheHash["js/app.min.js"] %>',
                  '<%= cacheHash["css/app.min.css"] %>',
                  ],
          preferOnline: true,
          hash: true,
          verbose: false
        },
        src: [
          'img/*.png',
          'img/*.svg',
          'fonts/exo/*'
        ],
        dest: 'dist/offline.appcache'
      }
    },
    // Removes tmp dir.
    clean: {
      dist: {
        src: ['dist/**/*']
      },
      tmp: {
        src: ['.tmp']
      }
    },
    karma: {
      unit: {
        configFile: 'src/karma.conf.js',
        singleRun: true
      },
      watch: {
        configFile: 'src/karma.conf.js'
      }
    },

    svgmin: {
      options: {
        plugins: [
          {
            removeViewBox: false
          },
          {
            cleanupIDs: false
          }
        ]
      },
      dist: {
        files: {
          'src/assets/icons/symbol-defs.svg' : 'src/assets/icons/symbol-defs.svg'
        }
      }
    },

    dom_munger: {
      your_target: {
        options: {
          remove: '#svgSprite',
          append: {selector:'body',html:'<div id="svgSprite">' + grunt.file.read("src/assets/icons/symbol-defs.svg") + '</div>'},
        },
        src: 'src/index.html'
      },
    }

  });

  grunt.loadNpmTasks('grunt-angular-gettext');
  grunt.loadNpmTasks('grunt-sass-import');
  grunt.loadNpmTasks('grunt-node-sass');
  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-copy');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks("grunt-modernizr");
  grunt.loadNpmTasks('grunt-postcss');
  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-angular-templates');
  grunt.loadNpmTasks("grunt-usemin");
  grunt.loadNpmTasks('grunt-ng-annotate');
  grunt.loadNpmTasks('grunt-manifest');
  grunt.loadNpmTasks("grunt-cache-bust");
  grunt.loadNpmTasks("grunt-contrib-clean");
  grunt.loadNpmTasks('grunt-karma');
  grunt.loadNpmTasks('grunt-dom-munger');
  grunt.loadNpmTasks('grunt-svgmin');

  //load cache buster json and generate manifest
  grunt.registerTask('manifest-gen','Generate manifest from cache buster output', function(){
    grunt.config.set('cacheHash', grunt.file.readJSON('.tmp/cachebust.json'));
    grunt.log.write('Read cacheBust output');
    grunt.task.run(['manifest']);
  });

  grunt.registerTask('test-watch', ['karma:watch']);
  grunt.registerTask('test', ['karma:unit']);

  grunt.registerTask('test-config', [
    'copy:config'
  ]);

  grunt.registerTask('sass-api', [
    'sass:api',
    'postcss',
  ]);

  // Default task
  grunt.registerTask('default', [
    'svgmin',
    'dom_munger',
    'clean:dist',
    'copy',
    'nggettext_extract',
    'nggettext_compile',
    'sass_import',
    'sass:dist',
    'modernizr',
    'postcss',
    'useminPrepare',
    'ngtemplates',
    'concat:generated',
    'ngAnnotate',
    'cssmin:generated',
    'uglify:generated',
    'usemin',
    'cacheBust',
    // 'manifest-gen',
    'clean:tmp'
  ]);
};