uni-app編譯后vendor.js文件過大

前景

采用uni-app開發的微信小程序，發布時工具提示vendor.js過大，已經跳過es6向es5轉換。查看后發現編譯后代碼中common/vendor.js已超過500k，所以需要體積控制。

• HBuilderX創建的項目勾選運行–>運行到小程序模擬器–>運行時是否壓縮代碼
• 使用cli創建的項目，可以在pacakge.json中添加參數–minimize，示例：“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize”

運行后發現

vendor.js文件減少到了二百多k。

小程序分包后vendor還是過大

使用分包之后會發現遇到了一個奇怪的問題，子包的組件和js文件會被打包到主包的vendor.js文件中，這就導致了vendor.js過大引起主包超過2M

打開manifest.json —> 源碼視圖 —> mp-weixin節點下

添加以下代碼

"optimization": {
?? ?"subPackages": true
}

會發現分包的js文件將不會再打包到主包的vendor.js中了，親測管用