title: Why is my Webpack ReactJS App so large?
body: <p>I have followed as many tips as I can find in packaging my Webpack ReactJS app for production. Unfortunately, the file size is still 3MB. What am I doing wrong?</p>
  
  <p>Here is my Webpack Config file:</p>
  
  <pre><code>var path = require('path')
  var webpack = require('webpack')
  
  module.exports = {
    devtool: 'cheap-module-eval-source-map',
    entry: [
      'webpack-hot-middleware/client',
      './index'
    ],
    output: {
      path: path.join(__dirname, 'dist'),
      filename: 'bundle-webpack.js',
      publicPath: './'
    },
    plugins: [
      new webpack.optimize.OccurenceOrderPlugin(),
      new webpack.HotModuleReplacementPlugin(),
      new webpack.NoErrorsPlugin(),
      new webpack.DefinePlugin({
        'process.env.NODE_ENV': JSON.stringify('production')
      }),
      new webpack.optimize.UglifyJsPlugin({
        compress: {
          screw_ie8: true,
          warnings: false
        }
      })
    ],
    module: {
      loaders: [
        {
          test: /\.js$/,
          loaders: [ 'babel' ],
          exclude: /node_modules/,
          include: __dirname
        },
        {
          test: /\.css$/,
          loader: "style-loader!css-loader" 
        },
        {test: /node_modules\/react-chatview/, loader: 'babel' }
      ]
    }
  }
  </code></pre>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>I use the following command to package it:</p>
  
  <pre><code>&gt; NODE_ENV=production webpack -p 
  </code></pre>
  
  <p>I get the following output:</p>
  
  <pre><code>bundle-webpack.js  3.1 MB       0  [emitted]  main
  </code></pre>
  
  <p>Best,</p>
  
  <p>Aaron</p>