webpack.config.js

var webpack = require('webpack');
var path = require('path');
var CommonsChunkPlugin = new require('webpack/lib/optimize/CommonsChunkPlugin');
var chunks = ['app'];
var config = require('./package.json');

module.exports = {
  entry: {
    app: './src/index.js'
  },
  output: {
    path: __dirname + '/public/dist',
    filename: 'bundle/[name].js',
    sourceMapFilename: 'bundle/[name].map'
  },
  node: {
    fs: 'empty'
  },
  devtool: '#source-map',
  plugins:
    process.env.NODE_ENV === 'production'
      ? [
          new CommonsChunkPlugin({
            name: 'commons',
            chunks: chunks
          }),
          new webpack.DefinePlugin({
            'process.env': {
              NODE_ENV: JSON.stringify('production')
            }
          }),
          new webpack.optimize.UglifyJsPlugin({
            minimize: true,
            compress: {
              warnings: false,
              drop_console: true
            }
          })
        ]
      : [
          new CommonsChunkPlugin({
            name: 'commons',
            chunks: chunks
          })
        ],
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'stage-0']
        }
      },
      {
        test: /\.json$/,
        loader: 'json-loader'
      },
      {
        test: /\.(jpg|png|svg)$/,
        loader: 'file-loader',
        query: {
          name: '[name].[ext]',
          outputPath: 'images/',
          publicPath: config.server ? '/' : 'public/dist/',
          useRelativePath: false
        }
      }
    ]
  }
};