webpack jshint-loader custom reporter example with filename and color formatting

webpack.config.js

var chalk = require('chalk');

module.exports = {
  module: {
    preLoaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: "jshint-loader"
      }
    ]
  },
  jshint: {
    reporter: function(errors) {
      console.log(chalk.underline.bgRed("jshint: " + this.resourcePath));
      errors.forEach(function(error) {
        console.log(chalk.cyan("line " + error.line + ": ") + error.reason);
      });
    }
  }
};