webpack打包容量優化

原因

形成打包容量過大的緣由有如下幾種：

1. 未使用懶加載
2. 未使用壓縮文件
3. 未開啓服務端壓縮

拆分

app.js

請將app.js視爲入口文件，能夠將必需的前置插件打包到此文件。

vendor.js

能夠將基本上全部頁面公用的插件或庫打包到此文件。

靜態引用

非公用插件或庫，引用靜態文件或異步獲取文件。

使用.min文件

使用.min文件進行打包。

壓縮

打包以後的文件，如app.js、vendor.js，進行再壓縮處理。

GZIP

服務器端開啓GZIP，至少可以將文件體積壓縮一半以上。