uniapp微信小程序项目有时页面一多就会超出2m，微信小程序官方限制是2m，超出2M，无法上传发布，我们可以通过分包来实现。
一、新建分包目录
在pages目录下新建subPages目录，用于存放分包目录和文件
二、把需要分包的目录放置到subPages下，如下图：
三、修改pages.json文件
1、这里把分包路径目录subPackages数组放置至pages同级
"subPackages": [{
"root": "pages/subPages",
"pages": [
{
"path": "ai/index",
"style": {
"navigationBarTitleText": "AI测肤",
"enablePullDownRefresh": false
}
},
{
"path": "ai/analysis",
"style": {
"navigationBarTitleText": "AI分析报告",
"enablePullDownRefresh": false
}
}
]
}]2、完整代码
{
"pages": [
{
"path": "pages/index",
"style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh": true
}
}
],
"subPackages": [{
"root": "pages/subPages",
"pages": [
{
"path": "ai/index",
"style": {
"navigationBarTitleText": "AI测肤",
"enablePullDownRefresh": false
}
},
{
"path": "ai/analysis",
"style": {
"navigationBarTitleText": "AI分析报告",
"enablePullDownRefresh": false
}
}
]
}],
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "demo",
"navigationBarBackgroundColor": "#ff421d",
"backgroundColor": "#fff"
},
"uniIdRouter": {}
}三、启动调试
微信开发者工具查看【详情】可看到主包大小降为1715.5kb，并且下方还有subPages子包，分包大小为1178.4kb
四、注意事项
1、如果设计代码中路径问题，需要调成最新包结构路径。例如
拆包前跳转到对应设备页面
uni.navigateTo({
url:'/pages/ai/index'
})拆包后跳转到对应设备页面
uni.navigateTo({
url:'/pages/subPages/ai/index'
})2、分包文档大小及限制
uniapp官方分包文档：https://uniapp.dcloud.net.cn/collocation/pages.html#subpackages
uniapp微信小程序分包总体积一共不能超过 20M
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）