webpack打包容量优化

原因

形成打包容量过大的缘由有如下几种：

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

拆分

app.js

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

vendor.js

能够将基本上全部页面公用的插件或库打包到此文件。

静态引用

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

使用.min文件

使用.min文件进行打包。

压缩

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

GZIP

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