微信小程序分包
微信小程序主体包最大 也就20M,分包最大是2M 超过就会报错,tabBar页面不能分包。
分包教程
第一步:在项目的根目录下找到 【manifest.json文件】 打开后 最底下有个【源码视图】打开后找到 【小程序特有相关】的注释,然后添加"optimization":{"subPackages": true}意思是开启分包。
下面就是配置一些小程序的代码
"mp-weixin" : {
"appid" : "xxxxxxxxxxxxx",//微信小程序的id
"setting" : {
"urlCheck" : false
},
"usingComponents" : true,
"optimization": { //开启分包
"subPackages": true
}
},
第二步:开启完分包后,在项目的根目录新建一个文件 【pagesA】(名字是自己算便起的)。
把你觉得文件较大的可以单独拿出来,扔进pagesA文件中,扔进来以后 pages.json里面的文件路径需要删掉。当然我们 需要在 pages:[]下面,自己写一个分包路径。
分包 (tabBar 页面不能分)
"root" 是子包的根目录, 这里写了pagesA 下面的 "path" 里面就不用再写pagesA/xxx/xxx 了,直接写pagesA 里面的路径即可。
"subPackages":[
{
"root": "pagesA",//子包的目录
"pages": [
{
"path": "pages1/BOFAANG/BOFAANG", //这里的路径需要格外注意
"style" :
{
"navigationBarTitleText" : "星星眨着小眼睛",
"navigationStyle":"custom",//小程序禁用原生导航
"app-plus": {
"titleNView": false//h5+APP 禁用原生导航
}
}
},
]
},
],
分包完成。
怎么查看包的大小?
打开微信开发者工具 右上角有一个详情,打开后找到【本地代码】 旁边有代码依赖分析,点击后就能看到 主包多大 分包多大。
原文地址:https://blog.csdn.net/m0_64520392/article/details/140641824
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!