webpack.prod.config.js

const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const path = require('path');
// inherit from the main config file
module.exports = require('./webpack.config.js');

// disable the hot reload
module.exports.entry = {
  app: [
    'babel-polyfill',
    path.join(__dirname, module.exports.app_root, 'index.js')
  ]
};
module.exports.output = {
  path: path.join(__dirname, 'dist'),
  publicPath: '/dist',
  filename: 'bundle.js'
};

// production env
module.exports.plugins.push(new webpack.DefinePlugin({
  'process.env': {
    NODE_ENV: JSON.stringify('production'),
  },
}));

// compress the js file
module.exports.plugins.push(new webpack.optimize.UglifyJsPlugin({
  comments: false,
  compressor: {
    warnings: false,
  },
}));

// export css to a separate file
module.exports.module.loaders[1] = {
  test: /\.scss$/,
  loader: ExtractTextPlugin.extract('css!sass'),
};
// load media and html default pages
module.exports.plugins.push(new CopyWebpackPlugin(
  [
    { from: 'public/media', to: 'media/' },
    { from: 'public/favicon.ico' },
    { from: 'public/index.html', to: "200.html" },
    { from: 'public/index.html', to: "index.html" },
    { from: "build", to: "build/"}
  ]
));
module.exports.plugins.push(new ExtractTextPlugin('main.css'));