详解uniapp 微信小程序分包

先上官网说明:uni-app官网

实操:主要分为以下3步

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

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

代码具体位置

详解uniapp 微信小程序分包_第1张图片

以上操作,是启用分包

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

详解uniapp 微信小程序分包_第2张图片

按照官网结构创建如下

详解uniapp 微信小程序分包_第3张图片

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

详解uniapp 微信小程序分包_第4张图片

按照官网创建页面并填写

详解uniapp 微信小程序分包_第5张图片

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

详解uniapp 微信小程序分包_第6张图片

 报错啦

详解uniapp 微信小程序分包_第7张图片

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

再运行看看

进入了我写的product页面了

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

详解uniapp 微信小程序分包_第8张图片

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

详解uniapp 微信小程序分包_第9张图片

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

详解uniapp 微信小程序分包_第10张图片

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

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

详解uniapp 微信小程序分包_第11张图片

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

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

 

详解uniapp 微信小程序分包_第12张图片

 

你可能感兴趣的:(uni-app,微信小程序,小程序)