详解uniapp 微信小程序分包

先上官网说明uni-app官网

实操:主要分为以下3步

一、需要加入下面这段代码

  "optimization" : {
        "subPackages" : true
    },

代码具体位置

以上操作,是启用分包

二、接下来就要创建分包模块:官网实例分包结构如下

按照官网结构创建如下

 三、需要在 pages.json 中填写:官网示例

按照官网创建页面并填写

 上面三步按照官网配置完成,下面启动项目看看效果,在主包的首页,加入分包的跳转

 报错啦

这个静态文件是主包中的,分包找不到,拿掉

再运行看看

进入了我写的product页面了

这里发现个问题,项目用了定位的功能,发现定位写在mainifest.json中

还有pages.json中,定位并没有生效哈

官方是如下解释的:可以看出来时间是2022年4月25日更新的(我的这文章写在2022年5月7号),说明官方也跟进这个问题

上面这个无法定位的问题,我按照官方的操作后,还是不能定位的,是在本地模拟器验证的,可能跟我这里网络不好的原因

我打包上传了小程序,是可以定位的

这个分包的功能,是可以的

这里还有个问题,网友如果看到,可以给我留言,这里是微信小程序开发工具的具体截图,第一次打包发布没有成功,我重新关闭小程序开发工具,再次编译发布,他就可以了,这里是主包尺寸为什么不能大于1.5M,不是2M吗?

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值