小程序代码超出2M怎么办?如何使用分包加载?

版本不断迭代后,发现小程序的程序包越来越大,马上就要面临2M的临界了,最近又涉及另一个版本的迭代,网上找了一下,发现小程序可以使用分包加载的方法,让小程序即便超过了2M也能继续跑。
不过小程序只在微信客户端 6.6.0,基础库 1.7.3 及以上版本开始支持分包功能
在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包,pages就是默认主包。
主包跟分包单独区分,又藕断丝连
分包之间不能相互引用各自的js文件、静态资源(图片、图标,css等),但能相互跳转页面。与pages同级目录下文件可以全局引入,比如app.js
**
在项目打包上传的时候,小程序会根据你的配置目录进行打包

动手撸了一个小demo,拉到本地打开试试吧?

结构配置目录

**


├── packageA
│   └── pages
│       ├── page1
│       └── page2
├── packageB
│   └── pages
│       ├── page1
│       └── page2
├── pages
│   ├── page1
│   └── page2
├── utils
├── app.json
├── app.wxss
└── app.js

修改json文件

"pages": [
    "pages/index/index"
  ],
  "subPackages": [//必要检查大小写是否区分
    {
      "root": "pageageA",//分包名称。可更改
      "pages": [
        "pages/demos/demos"//分包下页面名称
      ]
    }
  ],

文件结构
在这里插入图片描述
分包结构构建成功后,在pageageA目录下新建页面结构,json文件会自动在pageageA的json目录添加你的页面名称。注:微信开发者工具

分包 页面跳转:

页面构建完成之后,跳转连接:

wx.navigateTo({
      url: '/pageageA/pages/demos/demos',
    })

对了,总包好像不能超过12M,主包大小不能超过2M,写起来的时候还是多注意一下!
over
更新更新
在这里插入图片描述
最近好像小程序代码可以提到20M了

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值