我强烈建议使用 Webpack Bundle Analyzer 使您的包更小（https://github.com/th0r/webpack-bundle-analyzer）。您可以看到是什么使您的捆绑包如此庞大。您可能还使用了所有 firebase、lodash 和 jquery。除了使用 webpack 生产插件之外，尝试使用忽略你没有使用的任何东西并只导入你需要的东西：在 webpack 插件中：

    new webpack.IgnorePlugin(/^\.\/auth$/, /firebase$/),
    new webpack.IgnorePlugin(/^\.\/storage$/, /firebase$/),
    new webpack.IgnorePlugin(/^\.\/messaging$/, /firebase$/),

在您的进口：

 const Firebase: any = require('firebase/app');  require('firebase/database');

对于 lodash，仅导入您需要的内容或进行自定义构建（https://lodash.com/custom-builds）：

import find from 'lodash/find' 

您还可以创建 jquery 自定义构建。

编辑

我不确定您使用的是 Mac/IO 还是 Windows，但我注意到两件事：

1："deploy": "NODE_ENV=production webpack -p"不正确，您必须在为开发和部署构建变量时设置变量，在这里您没有设置它。

2：您必须事先在终端/命令提示符下进行设置。

这里有一个 webpack 缩小和部署的例子，你必须适应一点，但我认为这应该对你有所帮助。

您必须首先在命令提示符下为节点设置此环境变量，在 Windows 或 Mac 终端中打开它，然后：

Mac: export NODE_ENV=production

Windows: set NODE_ENV=production

您可以在 windows 中 echo 或在 mac 中 list 以检查是否已添加变量。

然后在你的 webpack.config.js

    var PROD = process.env.NODE_ENV == 'production';
    var config = {
      entry: {
            app: [
          './src/entry.jsx'
        ],
        vendor: [
          'react',
          'lodash',
          'superagent'
        ],
         output: {
           path: './build',
           filename: PROD ? "bundle.min.js" : "bundle.js"
         },
         plugins: PROD ? [
              new webpack.optimize.UglifyJsPlugin({minimize: true}),
              new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.min.js'),
          ]:[
            new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js'),
          ]
};

在你的 package.json 你可以设置这个脚本：

如果您使用的是 Windows：

"scripts": {
         "dev": "set NODE_ENV=development&&webpack-dev-server --host 0.0.0.0 --hot --progress --colors --content-base build",
        "deploy": "set NODE_ENV=production&&webpack -p"
    }

如果你使用的是 Mac IOS：如果这里导出不起作用，则使用 set 代替，windows 和 mac 的不同之处在于 && 后面的空格。

"scripts": {
         "dev": "export NODE_ENV=development&& webpack-dev-server --host 0.0.0.0 --hot --progress --colors --content-base build",
        "deploy": "export NODE_ENV=production&& webpack -p"
    }

使用命令 npm run watch 在开发中构建，使用 npm run deploy 在缩小版本中构建用于生产。

我有一个只有 React / React Dom 和一个 Hello Word React 组件的 repo 设置。vendor.js 文件为 189 KB。

https://github.com/timarney/react-setup

var path = require('path')
var webpack = require('webpack')

var config = {
  entry: {
    app: path.resolve(__dirname, './src/main.js'),
    vendors: ['react']
  },
  output: {
    path: './src',
    filename: 'bundle.js'
  },
  devServer: {
    inline: true,
    contentBase: './src',
    port: 3000
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel'
      }
    ]
  },
  plugins: [
    new webpack.optimize.OccurenceOrderPlugin(true),
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.UglifyJsPlugin({
      output: {
        comments: false
      },
      compress: {
        warnings: false,
        screw_ie8: true
      }
    }),
    new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js')
  ]
}

if (process.env.NODE_ENV === 'production') {
  config.output.path = path.join(__dirname, 'dist/')
}

module.exports = config

注意：我正在通过 NPM 脚本设置节点环境

"scripts": {
    "start": "webpack-dev-server",
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "NODE_ENV=production webpack -p && cp src/index.html dist/index.html"
  },

你能试试把这个加 devtool: 'cheap-module-source-map', 进去config吗？

 var config = {
     devtool: 'cheap-module-source-map',
     entry: {
 ....

http://webpack.github.io/docs/configuration.html#devtool

react希望你来一套NODE_ENV以'production'生产构建，并通过丑化运行它-这摆脱了很多额外的冗长，控制台日志记录等的确保你通过的WebPack建筑（如设置环境变量NODE_ENV=production webpack在命令行）。