微信小程序分包

愚公爱上精卫2024-07-24 9:55

微信小程序主体包最大也就20M，分包最大是2M 超过就会报错，tabBar页面不能分包。

分包教程

第一步：在项目的根目录下找到【manifest.json文件】打开后最底下有个【源码视图】打开后找到【小程序特有相关】的注释，然后添加"optimization":{"subPackages": true}意思是开启分包。

下面就是配置一些小程序的代码

javascript 复制代码

       "mp-weixin" : {
			"appid" : "xxxxxxxxxxxxx",//微信小程序的id
			"setting" : {
				"urlCheck" : false
			},
			"usingComponents" : true,
			
			"optimization": { //开启分包
				"subPackages": true
			}
		},

第二步：开启完分包后,在项目的根目录新建一个文件【pagesA】（名字是自己算便起的）。

把你觉得文件较大的可以单独拿出来，扔进pagesA文件中，扔进来以后 pages.json里面的文件路径需要删掉。当然我们需要在 pages:[]下面，自己写一个分包路径。

分包 (tabBar 页面不能分)

"root" 是子包的根目录，这里写了pagesA 下面的 "path" 里面就不用再写pagesA/xxx/xxx 了，直接写pagesA 里面的路径即可。

javascript 复制代码

          "subPackages":[
				{
					"root": "pagesA",//子包的目录
					"pages": [
						{
							"path": "pages1/BOFAANG/BOFAANG", //这里的路径需要格外注意
							"style" :
							{
								"navigationBarTitleText" : "星星眨着小眼睛",
								"navigationStyle":"custom",//小程序禁用原生导航
								"app-plus": {
									"titleNView": false//h5+APP 禁用原生导航
								}
								
							}
						}，
					]
				}，
			],

分包完成。

怎么查看包的大小？

打开微信开发者工具右上角有一个详情，打开后找到【本地代码】旁边有代码依赖分析，点击后就能看到主包多大分包多大。