uniapp开发微信小程序设置分包,简单易学(图解)

  我们使用uniapp开发微信小程序的时候,当我们的包体积过大的时候,无法真机模拟

  因为小程序单个包只支持2MB,所以这时候我们要选择去分包。 

  有人要问了分包难吗?分包很简单。但是

  最重要的来了,分包这个决定,要早做决定,当你开发之前,评估一下,就觉得你这个小程序不值2MB,所以我们可以开始的时候就分包。

不要像我这样,都已经页面全部都画完了,才发现分包会更好。

具体分包是怎么样做的呢?

uniapp分包步骤

首先,在 manifest.json文件中的源码试图中配置

“mp-weixin”: {

“optimization”:{“subPackages”:true}

}

uniapp开发微信小程序设置分包,简单易学(图解)_第1张图片

 

在对应平台的配置(manifest.json)下添加"optimization":{"subPackages":true}开启分包优化

目前只支持mp-weixin、mp-qq、mp-baidu的分包优化

配置pages.json

在pages.json中新建数组"subPackages",数组中包含两个参数:

1.root:为子包的根目录,

2.pages:子包由哪些页面组成,参数同pages;

uniapp开发微信小程序设置分包,简单易学(图解)_第2张图片

分包的包文件夹和主包文件夹在同一等级

uniapp开发微信小程序设置分包,简单易学(图解)_第3张图片

 

注意,分包和主包的页面路径

主包页面路径

uniapp开发微信小程序设置分包,简单易学(图解)_第4张图片

 

 分包文件路径

uniapp开发微信小程序设置分包,简单易学(图解)_第5张图片

 

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