我们用uniapp开发微信小程序时,几乎每个开发者都会在真机调试环节遇到包体积过大无法进行模拟的问题。这时候我们就需要去分包了,分包的意思就是把你当前体积过大的包分成若干个子包,每个包的大小不能超过2MB,下面跟着Jenna的代码一点点帮你完美分包~
1.在manifest.json文件中配置
步骤:点击源码视图>>在map-weixin中设置{"subPackages":true}
注意:目前只支持mp-weixin
、mp-qq
、mp-baidu
、mp-toutiao
、mp-kuaishou
的分包优化哦
2.在pages.json中配置
与"pages"字段并列新建一个"subpackages"字段,注意pages里的页面是主包内容,subpackages字段里的页面就是分包了,我这里分了pagesA和pagesB两个包,直接上代码解释:
结构图:pages里是主页面,pagesA和pagesB里是放的是子页面
详细代码:直接复制我的代码,换成你的页面就可以啦
// 主包
"pages": [
{
"path": "pages/index/index", //首页
"style" :
{
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false,
"navigationStyle": "custom",
"componentPlaceholder": {
"outAreaFamily": "view",
"secondWarnFamily": "view",
"checkedFamily": "view",
"familyZone": "view"
}
}
},
{
"path" : "pages/index/inputCode",
"style" :
{
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false
}
}
],
// 分包
"subPackages":[
// 分包A
{
"root":"pagesA",
"pages":[
{
"path" : "trip/trip",
"style" :
{
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false
}
},
{
"path" : "trip/index-meet",
"style" :
{
"navigationBarTitleText" : "",
"enablePullDownRefresh" : false,
"navigationStyle": "custom"//取消默认导航
}
}
]
},
// 包B
{
"root":"pagesB",
"pages":[
{
"path" : "toUse/toUse",
"style" :
{
"navigationBarTitleText" : "上诉",
"enablePullDownRefresh" : false
}
},
{
"path" : "webView/faq",
"style" :
{
"navigationBarTitleText" : "常见问题",
"enablePullDownRefresh" : false
}
}
]
}
],
希望和友友们一块进步,有问题欢迎留言哦~