uniapp 小程序超过2M的解决方法——分包

小程序限制:

 整个小程序所有分包大小不超过 8M
 单个分包/主包大小不能超过 2M

如果小程序每个包超出了2M,不能预览和上传,所以需要分包

不难!不难!一点也不难!操作起来很简单

1、在根目录(pages同级目录下创建一个文件夹),这个文件存放分包的页面

注意:不能放tabBar的几个页面


2、page.json里配置subPackages属性

{
    "pages":[{
	    "path": "pages/index/index",
		 "style": {
				"navigationBarTitleText": "首页", //导航栏标题
				"navigationBarBackgroundColor": "#ffffff", //导航栏背景色
				"navigationBarTextStyle": "black",
		  }
	
    }],    
    "subPackages":[{
        "root":"subPackages",  //根目录下的分包文件路径
        "name":"subPackages",  //分包文件名字
        //pages里面一样写法
        "pages":[
            {
                "path":"details/details.vue",  //注意这里的路径和没有分包的页面路径不一样
                "style":{ }
            },    
            {......}
            {......}
        ]
    }]


}

注意:分包里的pages里的path写法上有区别

如果subPackages文件夹下有一个details文件夹,里有details.vue文件

"path":"details/details.vue"

2、查看主包和分包的大小 

 

 

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值