webpack.config.prod.js

import webpack from 'webpack';
import path from 'path';
import HtmlWebpackPlugin from 'html-webpack-plugin';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import CopyWebpackPlugin from 'copy-webpack-plugin';

export default {
  resolve: {
    extensions: ['*', '.js', '.jsx', '.json']
  },
  devtool: 'source-map',
  entry: {
    vendor: path.resolve(__dirname, 'src/vendor.js'),
    main: path.resolve(__dirname, 'src/index.js')
  },
  target: 'web',
  output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/',
    filename: 'js/[name].[chunkhash].js'
      //chunkFilename: "[chunkhash].[id].chunk.js"
  },
  plugins: [
    new webpack.LoaderOptionsPlugin({
      minimize: true,
      debug: false,
      noInfo: true // set to false to see a list of every file being bundled.
    }),

    // Generate an external css file with a hash in the filename
    new ExtractTextPlugin('css/[name].[contenthash].css'),

    /* Use CommonsChunkPlugin to create a separate bundle of vendor libraries so that they're cached separately. */
    new webpack
      .optimize
      .CommonsChunkPlugin({ name: 'vendor' }),

    // Create HTML file that includes reference to bundled JS.
    new HtmlWebpackPlugin({
      title: '2D Geometric Shapes',
      template: '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,
      xhtml: true,
      // Properties you define here are available in index.html using
      // htmlWebpackPlugin.options.varName
      trackJSToken: 'INSERT YOUR TOKEN HERE'
    }),

    new CopyWebpackPlugin([
      {
        from: 'src/favicon.ico',
        to: 'favicon.ico'
      }
    ]),

    // Minify JS
    new webpack
      .optimize
      .UglifyJsPlugin({
      sourceMap: true,
      compress: {
        warnings: true
      }
    })
  ],
  module: {
    rules: [{
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'babel-loader',
      options: {
        "env": {
          "modules": false
        }
      }
    }, {
      test: /\.(png|jpg|svg)$/,
      exclude: /node_modules/,
      use: {
        loader: 'url-loader',
        options: {
          limit: 15000,
          name: 'img/[name].[ext]'
        }
      },
    }, {
      test: /(\.css|\.scss|\.sass)$/,
      exclude: /node_modules/,
      use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: [{
          loader: 'css-loader',
          options: {
            minimize: true,
            sourceMap: true
          }
        }, {
          loader: 'sass-loader',
          options: {
            includePaths: [path.resolve(__dirname, 'src', 'scss')],
            sourceMap: true
          }
        }]
      })
    }]
  }
};