Reactjs 网页包-p不'；无法正确创建包

我开始自学React，并决定为自己制作一个样板。我在使用webpack构建项目时遇到问题。当我在开发模式下运行时，工作正常。当我运行命令“postinstall”为生产构建时，它只生成一个只有几个字节的bundle.js。但是当我在没有参数-p的情况下运行'postinstall'时，它会生成约2MB的包，在为dev模式生成包时也是如此（显然是因为没有为生产设置包）。我不明白为什么生产标志不能正确创建捆绑包。有人能帮我解决这个问题吗

项目位于存储库中：

webpack.production.config.js文件：

const webpack = require('webpack');
const path = require('path');
const ExtractPlugin = require('extract-text-webpack-plugin');
const CleanPlugin = require('clean-webpack-plugin');


const plugins = [
  new CleanPlugin('dist'),
  new ExtractPlugin('bundle.css'),
  new webpack.optimize.DedupePlugin(),
  new webpack.optimize.UglifyJsPlugin({ minimize: true }),
  new webpack.optimize.AggressiveMergingPlugin(),
  new webpack.DefinePlugin({
    'process.env': {
      NODE_ENV: JSON.stringify('production'),
    },
  }),
];

module.exports = {
  devtool: 'eval',
  debug: false,
  context: __dirname + '/src/client',
  entry: {
    javascript: './index.jsx',
    html: './index.html',
  },
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist',
  },
  resolve: {
    extensions: ['', '.js', '.jsx', '.json'],
    root: path.resolve(__dirname, './src/client'),
  },
  eslint: {
    configFile: './.eslintrc',
  },
  module: {
    preLoaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'eslint-loader',
      },
    ],
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loaders: ['babel-loader'],
      },
      {
        test: /\.html$/,
        loader: 'file?name=[name].[ext]',
      },
      {
        test: /\.css$/,
        loader: ExtractPlugin.extract('style-loader', 'css-loader'),
      },

    ],
  },
  plugins: plugins,
};

我也很担心，因为对于我刚刚开始的项目来说，这个捆绑包看起来相当大。如有任何提示，将不胜感激

---

最好的问候

我注意到的第一件事是您应该使用

开发工具：源代码映射

而不是eval。我解决了这个问题。我刚刚改变了使用HTML-webpack-plugin将HTML移动到/dist文件夹的方法。我注意到的第一件事是您应该使用

dev工具：source map

，而不是eval。我解决了问题。我刚刚改变了使用HTML网页包插件将HTML移动到/dist文件夹的方法。