Gruntfile.js

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

  var serverPort = process.env.PORT || 3000;

  grunt.loadNpmTasks('grunt-autoprefixer');
  grunt.loadNpmTasks('grunt-browser-sync');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-contrib-concat');
  grunt.loadNpmTasks('grunt-contrib-copy');
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-contrib-jshint');
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-contrib-symlink');
  grunt.loadNpmTasks('grunt-contrib-uglify');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-eslint');
  grunt.loadNpmTasks('grunt-express-server');
  grunt.loadNpmTasks('grunt-exec');
  grunt.loadNpmTasks('grunt-filerev');
  grunt.loadNpmTasks('grunt-html2js');
  grunt.loadNpmTasks('grunt-karma');
  grunt.loadNpmTasks('grunt-mkdir');
  grunt.loadNpmTasks('grunt-ng-annotate');
  grunt.loadNpmTasks('grunt-ngdocs');
  grunt.loadNpmTasks('grunt-notify');
  grunt.loadNpmTasks('grunt-usemin');
  grunt.loadNpmTasks('grunt-wiredep');
  grunt.loadNpmTasks('grunt-protractor-runner');

  grunt.initConfig({
    protractor: {
      options: {
        configFile: "node_modules/protractor/example/conf.js", // Default config file
        keepAlive: true, // If false, the grunt process stops when the test fails.
        noColor: false, // If true, protractor will not use colors in its output.
        args: {
          // Arguments passed to the command
        }
      },
      your_target: {   // Grunt requires at least one target to run so you can simply put 'all: {}' here too.
        options: {
          configFile: "e2e.conf.js", // Target-specific config file
          args: {} // Target-specific arguments
        }
      }
    },

    autoprefixer: {
      options: {
        browsers: ['> 1% in US']
      },
      generated: {
        src: 'generated/css/app.css'
      }
    },

    browserSync: {
      options: {
        injectChanges: true,
        watchTask: true,
        reloadDebounce: 3000,
        proxy: 'localhost:' + serverPort
      },
      dev: {
        bsFiles: {
          src: ['generated/index.html', 'generated/css/app.css']
        },
      }
    },

    // Remove dynamically generated directories
    clean: {
      generated: ['generated'],
      dist: ['dist'],
      tmp: ['.tmp']
    },

    exec: {
      yo: {
        cmd: function (generator, name) {
          return "node node_modules/yo/lib/cli.js webapp:" + generator + " " + name;
        }

      }
    },

    // Copy static files to the generated directory
    copy: {
      generated: {

        // Copy HTML files from the pages directory to the root of the generated directory
        files: [{
          expand: true,
          flatten: true,
          src: 'app/pages/**/*.html',
          dest: 'generated/',
          filter: 'isFile'
        },
          // Copy image files from the img/ directory to the img/ directory of generated/
          {
            expand: true,
            flatten: true,
            src: ['app/img/**/*'],
            dest: 'generated/img/'
          },
          // Copy bootstrap fonts to the generated directory
          {
            expand: true,
            flatten: true,
            src: ['bower_components/bootstrap/fonts/**/*'],
            dest: 'generated/fonts'
          },
          // Font-Awesome Font
          {
            expand: true,
            flatten: true,
            src: ['bower_components/font-awesome/fonts/**/*'],
            dest: 'generated/fonts'
          }, {
            expand: true,
            src: ['app/**/*.js', '!app/**/*.spec.js'],
            dest: 'generated/'
          }]
      },
      dist: {
        files: [{
          expand: true,
          flatten: true,
          src: 'generated/*.html',
          dest: 'dist/'
        }, {
          expand: true,
          flatten: true,
          src: ['app/img/**/*'],
          dest: 'dist/img'
        }, {
          expand: true,
          flatten: true,
          src: ['generated/fonts/**/*'],
          dest: 'dist/fonts'
        }]
      }
    },

    express: {
      dev: {
        options: {
          port: serverPort,
          script: 'index.js'
        }
      }
    },

    // Code Quality
    eslint: {
      all: ['app/**/*.js']
    },

    filerev: {
      options: {
        algorithm: 'md5',
        length: 16
      },
      js: {
        src: 'dist/js/app.js'
      },
      css: {
        src: 'dist/css/app.css'
      }
    },

    // Convert Angular Templates to JavaScript
    html2js: {
      options: {
        module: 'md-responsive-sidenav-templates',
        htmlmin: {
          collapseWhitespace: true,
          removeComments: true
        }
      },
      generated: {
        src: ['app/**/*.html', '!app/pages/*.html'],
        dest: 'generated/js/angular-templates.js'
      }
    },

    // Validate our JavaScript code with JSHint
    jshint: {
      all: ['app/**/*.js']
    },

    karma: {
      unit: {
        options: {
          frameworks: ['wiredep', 'jasmine'],
          singleRun: true,
          browsers: ['PhantomJS'],
          coverageReporter: {
            reporters: [
              {type: 'text'},
              {type: 'html'}
            ]
          },
          files: [
            'app/**/*.spec.js',
            'app/**/*.module.js',
            'app/**/*.config.js',
            'app/**/*.run.js',
            'app/**/*.js',
            'app/**/*.html'
          ],
          reporters: ['junit', 'progress', 'coverage'],
          preprocessors: {
            'app/**/*.html': 'ng-html2js',
            'app/**/!(*spec).js': 'coverage'
          },
          junitReporter: {
            outputDir: './',
            outputFile: 'test-results.xml',
            useBrowserName: false
          },
          ngHtml2JsPreprocessor: {
            moduleName: 'md-responsive-sidenav',
            prependPrefix: '../app/',
            stripPrefix: 'app/'
          },
          plugins: [
            'karma-wiredep',
            'karma-coverage',
            'karma-ng-html2js-preprocessor',
            'karma-junit-reporter',
            'karma-jasmine',
            'karma-phantomjs-launcher'
          ]
        }
      }
    },

    // Generate CSS from LESS files
    less: {
      generated: {
        files: [{
          'generated/css/app.css': ['app/app.less']
        }],
        options: {
          plugins: [require("less-plugin-glob")]
        }
      }
    },

    // Create directories for the generated and distribution build
    mkdir: {
      generated: {
        options: {
          create: ['generated', 'generated/js', 'generated/css', 'generated/img', 'generated/fonts']
        }
      },
      dist: {
        options: {
          create: ['dist', 'dist/js', 'dist/css', 'dist/img', 'dist/fonts']
        }
      }
    },

    ngAnnotate: {
      options: {
        remove: true
      },
      dist: {
        files: [{
          expand: true,
          src: ['generated/app/**/*.js'],
          dest: '.'
        }]
      }
    },

    ngdocs: {
      options: {
        dest: 'docs',
        startPage: '/api/app.controller:DashboardController'
      },
      all: ['app/**/*.js']
    },

    // Display OS specific errors on the developers PC when a grunt build fails
    notify_hooks: {
      options: {
        enabled: true,
        max_jshint_notifications: 5, // maximum number of notifications from jshint output
        title: "Web Application", // defaults to the name in package.json, or will use project directory's name
        success: false, // whether successful grunt executions should be notified automatically
        duration: 5 // the duration of notification in seconds, for `notify-send only
      }
    },

    symlink: {
      generated: {
        files: [
          {src: 'bower_components', dest: 'generated/bower_components'}
        ]
      }
    },

    usemin: {
      html: 'dist/index.html'
    },

    useminPrepare: {
      html: 'dist/index.html',
      options: {
        dest: 'dist',
        root: 'generated'
      }
    },

    // Monitor development files and rebuild those files as needed for rapid feedback
    // during development.
    watch: {
      css: {
        files: ['app/**/*.less'],
        tasks: ['less:generated']
      },
      dev: {
        files: ['app/**/*.js', 'app/**/*.html', 'app/**/*.json', '!app/**/*.spec.js'],
        tasks: ['build']
      },
      test: {
        files: ['app/**/*.spec.js'],
        tasks: ['test']
      },
      grunt: {
        files: ['Gruntfile.js'],
        options: {
          reload: true
        }
      }
    },

    wiredep: {
      generated: {
        bowerJson: require("./bower.json"),
        cwd: "generated",
        exclude: [/spec\.js/],
        includeSelf: true,
        src: ['generated/index.html'],
        overrides: {
          bootstrap: {
            main: ["dist/css/bootstrap.css"]
          }
        }
      }
    },

    concat: {
      options: {
        separator: ';'
      },
      dist: {
        src: [
          './generated/app/**/*.module.js',
          './generated/app/**/*.js',
          './generated/js/**/*.js'
        ],
        dest: 'dist/index.js'
      },
      generated: {
        src: [
          './generated/app/**/*.module.js',
          './generated/app/**/*.js',
          './generated/js/**/*.js'
        ],
        dest: 'generated/js/index.js'
      }
    }
  });

  grunt.registerTask('default', ['core-build', 'express', 'browserSync', 'watch']);

  grunt.registerTask('core-build', [
    'mkdir:generated',
    'symlink:generated',
    'html2js:generated',
    'less:generated',
    'autoprefixer:generated',
    'copy:generated',
    'wiredep:generated',
    'concat:generated'
  ]);

  grunt.registerTask('build', ['eslint', 'jshint', 'core-build']);

  grunt.registerTask('dist', [
    'mkdir:generated',
    'html2js:generated',
    'copy:generated',
    'concat:dist'
  ]);


  grunt.registerTask('dist-old', [
    'build',
    'ngAnnotate:dist',
    'mkdir:dist',
    'copy:dist',

    'useminPrepare',
    'concat:generated',
    'uglify:generated',
    'cssmin:generated',
    'filerev',
    'usemin'
  ]);

  // Alias for dist
  grunt.registerTask('deploy', ['dist']);

  // Code quality task
  grunt.registerTask('test', ['eslint', 'jshint', 'karma']);

  grunt.registerTask('e2e', ['core-build', 'express', 'browserSync', 'protractor']);

  grunt.task.registerTask('yo', 'Yeoman task', function (generator, name) {
    grunt.task.run("exec:" + this.name + ":" + generator + ":" + name);
  });

  // When a grunt build fails, display OS specific notifications on the screen
  grunt.task.run('notify_hooks');
};