webpack.config.prod.js

'use strict';

import path from 'path';
import webpack from 'webpack';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import WebpackMd5Hash from 'webpack-md5-hash';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import Entries from './build/entries';

export default {
  devtool: 'source-map', // highest quality for debugging
  entry: Entries.getEntries({ onlyStatic: true }),
  target: 'web',
  output: {
    path: path.resolve(__dirname, 'dist'), // output dir (std)
    publicPath: './',
    filename: '[name].[chunkhash].js' // use entry point names here / add hash to filename
  },
  plugins: [
    // generate external css file with a hash in filename
    new ExtractTextPlugin('[name].[contenthash].css'),

    // hash files using md5 so that their names change when content changes
    new WebpackMd5Hash({ debug: true }),

    // create html file that includes ref to bundled js
    new HtmlWebpackPlugin({
      debug: true,
      template: path.resolve(__dirname, 'app', 'src', 'index.html'),
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeRedundantAttributes: true,
        useShortDoctype: true,
        removeEmptyAttributes: true,
        removeStyleLinkTypeAttributes: true,
        keepClosingSlash: true,
        minifyJS: true,
        minifyCSS: true,
        minifyURLs: true
      },
      inject: true
    }),

    // minify js
    new webpack.optimize.UglifyJsPlugin({ debug: true })
  ],
  module: {
    loaders: [
      {test: /\.js$/, exclude: /node_modules/, loaders: ['babel-loader']},
      {test: /\.css$/, loader: ExtractTextPlugin.extract('css-loader?sourceMap')}
    ]
  }
}