React.js app.js 文件大小

我创建了非常简单的 React 应用程序，包含 7 个页面和 13 个组件。 我使用 gulp 来编译它，使用 browserify 来获取依赖项，所有文件都被最小化。

我建造的app.js文件有1.1 MB。我认为它相当大。

我可以做什么来减小它的大小？ 有什么好的做法可以实现最小尺寸吗？

EDIT:

我的源代码没有依赖项是91 KB.

使用 webpack-uglify 并禁用源映射可以极大地将输出提高到合理的大小（对于 hello world 应用程序约为 140kbs）

几个步骤：

Setting devtool在 webpack 配置中cheap-source-map or cheap-module-source-map因此源映射不与输出捆绑在一起：

{
  eval: 'cheap-source-map'
}

激活 uglify 插件或调用 webpack-p争论

plugins: [
  new webpack.optimize.UglifyJsPlugin({
    compress: {
      warnings: false
    }
  })
]

定义生产节点环境会导致 webpack 删除测试助手并优化输出大小：

plugins: [
  new webpack.DefinePlugin({
    'process.env': {
      'NODE_ENV': JSON.stringify('production')
    },
  })
]

注意：这些步骤应该仅用于生产构建，因为它们会增加构建时间。

资源：https://medium.com/modus-create-front-end-development/optimizing-webpack-product-build-for-react-es6-apps-a637e5692aea#.bug2p64de https://medium.com/modus-create-front-end-development/optimizing-webpack-production-build-for-react-es6-apps-a637e5692aea#.bug2p64de