javascript - 如何减少索环中的webpack捆绑包大小？

我正在使用Grommet。我遵循getting started guide并进行了第一个应用程序。
为生产而生成的webpack捆绑包是一个超过1.7 MB的JavaScript文件，我没有在入门示例中添加任何内容。

有没有办法减小捆绑文件的大小或将其拆分成多个文件？

最佳答案

更新资料

我确定了两种储蓄来源。一小部分与Grommet直接相关，一小部分与供应商相关。

Savings
219Kb   Remove use of Card   (my only use of remark-parse and friends)
3.13MB  Remove use of webpack.optimize.CommonsChunkPlugin†

†webpack

// vendor: [ 'grommet'...]
// ...
// new webpack.optimize.CommonsChunkPlugin({
//   name: 'vendor',
//   children: true,
//   minChunks: 2,
//   async: true,
// }),

jsx

// import Card from 'grommet/components/Card'; ... <Card />
import Box from 'grommet/components/Box'; ... <Box />

====

Webpack 2.3.1的“供应商”似乎可以吸收一切。
我已经少量地将一些Grommet组件导入了React。

在webpack配置中指定vendor: [ 'grommet'...]会导致捆绑包大小> 3MB。

vendor.c119b2da32ae94938692.js 3.15 MB 1 [emitted] [big] vendor

从该阵列中删除索环导致大小为429K。

vendor.0619a5794ef890b54543.js 429 kB 2 [emitted] [big] vendor

其他捆绑包的大小没有变化。