uniapp小程序分包配置及问题

文件目录

分包时注意tabBar页面也就是底部导航栏的几个页面要放在主包，其余页面可根据自己情况放入分包

pagesA文件夹为分包文件夹，和pages文件夹同级，

pages.json文件配置

//主包页面配置
"pages": [ 
		{
			"path": "pages/home/index",
			"style": {
				"navigationBarTitleText": "",
				"enablePullDownRefresh": true,
				"navigationBarBackgroundColor": "#1890FF",
			}
		}],
//分包页面配置
"subPackages": [{
		"root": "pagesA",
		"pages": [
			{
				//path为相对路径，这里注意写法，与主包路径不同
				"path": "my/chat",
				"style": {
					"navigationBarTitleText": "社区民警",
					"navigationBarTextStyle": "white",
					"navigationBarBackgroundColor": "#34a3fc"
				}
			},
			]
		}]

分包优化

manifest.json源码视图中

"mp-weixin": {
		"appid": "",
		"setting": {
			"urlCheck": false,
			"es6": false,
			"postcss": false
		},
		"usingComponents": true,
		//加入分包优化代码
		"optimization": {
			"subPackages": true
		}
	}

容易出现的问题

编译报这个错误，有可能是把tabBar页面放入了分包，再次提醒，tabbar页面不要放入分包，不然编译不出来这里会报错！

分包预载配置

配置preloadRule后，在进入小程序某个页面时，由框架自动预下载可能需要的分包，提升进入后续分包页面时的启动速度(根据自身情况去配置）

```javascript
 "preloadRule": {
        "pages/home/index": {
       		 //在指定网络下预下载，可选值为：all（不限网络）、wifi（仅wifi下预下载）
            "network": "all",
            //进入页面后预下载分包的 root 或 name。__APP__ 表示主包。
            "packages": ["__APP__"]
        },
        "pagesA/my/chat": {
            "network": "all",
            "packages": ["pagesA"]
        }
    }

查看是否成功

运行到微信开发者工具查看如图

这里有分包信息说明分包成功了!