Webpack2 大包文件答案

【问题标题】：Webpack2 BIG bundle fileWebpack2 大包文件
【发布时间】：2017-01-05 09:31:54
【问题描述】：

bundle.js  2.81 MB       0  [emitted]  [big]  main
  [13] ./~/react-dom/lib/ReactDOMComponentTree.js 6.16 kB {0} [built]
  [15] ./~/fbjs/lib/ExecutionEnvironment.js 1.06 kB {0} [built]
  [64] ./~/react/lib/React.js 2.69 kB {0} [built]
  [90] ./~/react/react.js 56 bytes {0} [built]
 [194] ./src/client/app/containers/Index/index.jsx 2.07 kB {0} [built]
 [195] ./~/react-dom/index.js 59 bytes {0} [built]
 [197] ./~/babel-polyfill/lib/index.js 833 bytes {0} [built]
 [406] ./~/react-dom/lib/ReactDOM.js 5.14 kB {0} [built]
 [438] ./~/react-dom/lib/ReactVersion.js 350 bytes {0} [built]
 [455] ./~/react-dom/lib/findDOMNode.js 2.46 kB {0} [built]
 [463] ./~/react-dom/lib/renderSubtreeIntoContainer.js 422 bytes {0} [built]
 [466] ./~/react/lib/ReactChildren.js 6.19 kB {0} [built]
 [467] ./~/react/lib/ReactClass.js 26.5 kB {0} [built]
 [468] ./~/react/lib/ReactDOMFactories.js 5.53 kB {0} [built]
 [476] ./src/client/app/private.jsx 210 bytes {0} [built]
    + 462 hidden modules

这太大了。这是我的配置。

.babelrc:

{
  "presets": [
    [
      "es2015",
      {
        "modules": false
      }
    ],
    "es2016",
    "react"
  ],
  "plugins": [
    "transform-react-jsx",
    "transform-regenerator"
  ]
}

webpack.config.js：

'use strict';

const path = require('path');

module.exports = [
  {
    devtool: 'inline-source-map',
    entry: './src/client/app/private.jsx',
    output: {
      path: path.resolve(__dirname, 'src/client/private'),
      filename: 'bundle.js'
    },
    resolve: {
      extensions: ['.js', '.jsx']
    },
    module: {
      rules: [
        {
          test: /\.jsx$/,
          use: [
            {
              loader: 'babel-loader'
            },
          ],
          exclude: /node_modules/
        }
      ]
    }
  }
];

现在，我查看了该文件，其中很多都在评论，所以我认为它会将其捆绑到一个开发包中。

我已将源映射设置为内联，如何测试生产包？

【问题讨论】：

如果包大小是唯一的问题，为什么不添加一个缩小器？

标签： webpack webpack-2

【解决方案1】：

对于生产，您可能需要既不包含也不引用的源映射，因此请使用hidden-source-map。

如果您要从客户端捕获和报告运行时异常，您现在可以使用其他工具以及提供的适当源映射来调试错误。

【讨论】：