uniapp之小程序分包操作

小程序上传的时候,主包不能超过2M,如果超出,则会上传失败,这时候就需要把界面进行分包,还有static下面的图片,尽量使用服务器的。

 附上微信小程序分包文档连接:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html

uniapp修改pages.json,小程序修改app.json文件,内容都一致,文件名不同而已。 

一、准备

uniapp中,文件目录下的pages文件夹一般用于存放tabbar界面,而其他的子界面,单独创建个同级文件夹存放,也是便于分包操作。

uniapp之小程序分包操作_第1张图片

二、修改uniapp中的page.json

主包配置,在"pages"标签中添加界面路径信息。

uniapp之小程序分包操作_第2张图片

子包配置,添加“subpackages”属性,数据里面,每个对象都是一个子包。root为一级目录名,pages是相对一级目录的相对路径,也是数组格式,每个对象是一个界面。

uniapp之小程序分包操作_第3张图片

三、配置完成,直接启动小程序。

uniapp之小程序分包操作_第4张图片 

启动时勾选压缩代码选项。然后打开微信开发者工具,可以看到代码大小分成了2部分

uniapp之小程序分包操作_第5张图片

 

你可能感兴趣的:(uni-app,uni-app)