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

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

结构配置目录

**


├── 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"//分包下页面名称
      ]
    }
  ],

文件结构
小程序代码超出2M怎么办?如何使用分包加载?_第1张图片
分包结构构建成功后,在pageageA目录下新建页面结构,json文件会自动在pageageA的json目录添加你的页面名称。注:微信开发者工具

分包 页面跳转:

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

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

对了,总包好像不能超过12M,主包大小不能超过2M,写起来的时候还是多注意一下!
over

你可能感兴趣的:(小程序)