uniapp 分包详细解析

uniapp 微信小程序无法真机调试问题，提示包过大，无法编译通过。
找到了其中一个解决办法：分包。能减小包体积

在项目根目录新建一个 pageA 的目录 这个目录就是 放你之后分包页面的目录

pageA里面，只要不是 tabbar 切换到的页面 都可以放 。

我自己建了一个static 目录，用来存放 pageA 中一些静态图片

来到 pages.json 文件

添加如下代码：

//配置分包
	"subPackages":[
	{
		"root":"pageA",
		"pages":[
			{
			"path":"pages/login/login",
			"style":{
				"navigationStyle": "custom"
			}
			},
			{
			"path":"pages/login/msgLogin",
			"style":{
				"navigationStyle": "custom"
			}
			
			}
			
		    ,{
                    "path" : "pages/login/index",
                    "style" :                                                                                    
                {
                    "navigationBarTitleText": "",
                    "enablePullDownRefresh": false
                }
                
                }
            ]
	}
]
,//  如果有多个分包目录 preloadRule 中的 packages需要写上对应的 page目录
	"preloadRule":{
			
		"pageA/pages/login/login":{
			"network": "all",
            "packages": ["pageA"]
		},
		"pageA/pages/login/msgLogin":{
			"network": "all",
		    "packages": ["pageA"]
		}
	},

注：如果 你是将之前放在主包中的页面移过来的 请把在 pages.json 文件中 自动给你配置好的 删掉
如图：

最后，在 manifest.json 文件中 加上： “optimization”:{“subPackages”:true},就好了

补充说明： manifest.json 变成源码视图