webpack打包容量优化

缘由

造成打包容量过大的原因有以下几种：

1. 未使用懒加载
2. 未使用压缩文件
3. 未开启服务端压缩

拆分

app.js

请将app.js视为入口文件，可以将必需的前置插件打包到此文件。

vendor.js

可以将基本上所有页面公用的插件或库打包到此文件。

静态引用

非公用插件或库，引用静态文件或异步获取文件。

使用.min文件

使用.min文件进行打包。

压缩

打包之后的文件，如app.js、vendor.js，进行再压缩处理。

GZIP

服务器端开启GZIP，至少能够将文件体积压缩一半以上。