uni-app編譯后vendor.js文件過(guò)大

前景

采用uni-app開(kāi)發(fā)的微信小程序，發(fā)布時(shí)工具提示vendor.js過(guò)大，已經(jīng)跳過(guò)es6向es5轉(zhuǎn)換。查看后發(fā)現(xiàn)編譯后代碼中common/vendor.js已超過(guò)500k，所以需要體積控制。

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

運(yùn)行后發(fā)現(xiàn)

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

小程序分包后vendor還是過(guò)大

使用分包之后會(huì)發(fā)現(xiàn)遇到了一個(gè)奇怪的問(wèn)題，子包的組件和js文件會(huì)被打包到主包的vendor.js文件中，這就導(dǎo)致了vendor.js過(guò)大引起主包超過(guò)2M

打開(kāi)manifest.json —> 源碼視圖 —> mp-weixin節(jié)點(diǎn)下

添加以下代碼

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

會(huì)發(fā)現(xiàn)分包的js文件將不會(huì)再打包到主包的vendor.js中了，親測(cè)管用

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。