項(xiàng)目場景：
使用HBuilder編輯器編譯uniapp的項(xiàng)目轉(zhuǎn)為微信小程序，并上傳發(fā)布項(xiàng)目
問題描述
微信小程序官網(wǎng)限制發(fā)布的主包大小不能超過2mb，我的項(xiàng)目編譯后大小為3mb
原因分析：
1.vendor.js文件過大，打包的時(shí)候并沒有設(shè)置為mini版
2.項(xiàng)目的主包太大，并沒有分包出去(后面會詳細(xì)說明如何分包)
解決方案：
1.把微信小程序右上角該壓縮的都√上，把項(xiàng)目中的圖片在線壓縮
2.HBuilder編譯uniapp為微信小程序時(shí)，設(shè)置壓縮。步驟如下
找到項(xiàng)目根目錄的package.json,找到dev:mp-weixin這一行，在命令行后加 --watch --minimize
"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize",
3.分包（最大的缺點(diǎn)就是需要修改項(xiàng)目結(jié)構(gòu)），詳細(xì)流程如下:
3.1 需要你把原本的pages文件下的文件分離出來，如以下
3.2 在項(xiàng)目的pages.json文件里pages里對象path路徑就不能跟subPackages里對象path路徑重復(fù)。
3.3 在項(xiàng)目src下找到mainfest.json文件，在mp-weixin中添加以下代碼(分包設(shè)置)
"optimization":{
"subPackages":true
}
最后效果
文章來源：http://www.zghlxwxcb.cn/news/detail-484385.html
? 踩坑不易，還希望各位大佬支持一下 \textcolor{gray}{踩坑不易，還希望各位大佬支持一下} 踩坑不易，還希望各位大佬支持一下
?? 個人主頁： \textcolor{green}{個人主頁：} 個人主頁： 沉默小管
?? 個人網(wǎng)站： \textcolor{green}{個人網(wǎng)站：} 個人網(wǎng)站： 沉默小管
?? 個人導(dǎo)航網(wǎng)站： \textcolor{green}{個人導(dǎo)航網(wǎng)站：} 個人導(dǎo)航網(wǎng)站： 沉默小管導(dǎo)航網(wǎng)
?? 技術(shù)交流 Q Q 群： 837051545 \textcolor{green}{技術(shù)交流QQ群：837051545} 技術(shù)交流QQ群：837051545
?? 點(diǎn)贊，你的認(rèn)可是我創(chuàng)作的動力！ \textcolor{green}{點(diǎn)贊，你的認(rèn)可是我創(chuàng)作的動力！} 點(diǎn)贊，你的認(rèn)可是我創(chuàng)作的動力！
?? 收藏，你的青睞是我努力的方向！ \textcolor{green}{收藏，你的青睞是我努力的方向！} 收藏，你的青睞是我努力的方向！
?? 評論，你的意見是我進(jìn)步的財(cái)富！ \textcolor{green}{評論，你的意見是我進(jìn)步的財(cái)富！} 評論，你的意見是我進(jìn)步的財(cái)富！
如果有不懂可以留言，我看到了應(yīng)該會回復(fù)
如有錯誤，請多多指教文章來源地址http://www.zghlxwxcb.cn/news/detail-484385.html
到了這里，關(guān)于【vue3】uniapp 微信小程序 打包優(yōu)化【超詳細(xì)】的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
