Uniapp微信小程序分包

当Uniapp微信小程序的包超过2M后,可以选择分包来优化项目

- 主包,用来放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本

- 分包,其他除了启动页面/TabBar页面外的页面,和每个分包页面下所需要使用的组件

实现分包,主要是两个步骤:

1.  配置manifest.json文件

在"mp-weixin"对象下,开启分包配置"optimization": {
            "subPackages": true
        }

"mp-weixin" : {
        "appid" : "",
        "setting" : {
            "urlCheck" : false,
            "minified" : true
        },
        "usingComponents" : true,
        "optimization": {
            "subPackages": true
        }
    },

2. 配置pages.json

新增"subPackages": []数组,分别配置root属性和pages属性,root是分包的名称,pages接收分包下的页面配置,配置写法等同于上级的pages

"subPackages": [
		{
			"root": "page_sub",
			"pages": [
				{
					"path": "",
					"style": {
						"navigationBarTitleText": ""
					}
				}
			],
		}
	],

## 额外的还可以配置在进入小程序某个页面时,由框架自动预下载可能需要的分包,提升进入后续分包页面时的启动速度

在pages.json中,添加"preloadRule":{},也页面路径为键,分别配置packages和network属性

"preloadRule":{
		"page_sub/index/index": {
			"network": "all",
			"packages": ["__APP__"]
		}
	}

packages是个字符串数组,接收主包和分包的名称,__APP__代表主包

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