IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> 微信小程序分包 -> 正文阅读

[移动开发]微信小程序分包

原生小程序分包和uniapp小程序分包差不多。

分包只是在原有代码结构上,指定那个文件夹属于分包,所以,页面地址原本路径不会修改。

比乳,将pages/mine设为分包,mine下面的有页面地址pages/mine/index/index,分包后仍为pages/mine/index/index这种。

  • 目前并不限制分包的数量
  • 整个小程序所有分包大小不超过 20M
  • 单个分包/主包大小不能超过 2M

参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

原生:修改app.json

uniapp:修改pages.json

以原生小程序举例:

在app.json 中,与pages对象同级,配置subpackages,配置项如文档:

项目的文件结构如下:

?

假如,我要将pages下面的mine设为分包,app.json中subpackages应为:

{
  "pages": [
    "pages/index/index",
//出现在subPackages 里面的路径不可在pages中出现,
  //  "pages/mine/infomation/infomation",
    //"pages/mine/selfIntro/selfIntro",
    //"pages/mine/interest/interest",
//    "pages/mine/phone/phone",
  //  "pages/mine/verification/verification",
    //"pages/mine/cityList/cityList",
//    "pages/mine/photoWall/photoWall",
  ],
  "subPackages": [
    {
      "root": "pages/mine",//分包根目录地址
      "pages": [
        "cityList/cityList",//路径相对地址
        "infomation/infomation",
        "interest/interest",
        "..."
      ]
    }
  ]
}

在uniapp中写法如下:

{
  "pages": [
    "pages/index/index",
//出现在subPackages 里面的路径不可在pages中出现,
  //  "pages/mine/infomation/infomation",
    //"pages/mine/selfIntro/selfIntro",
    //"pages/mine/interest/interest",
//    "pages/mine/phone/phone",
  //  "pages/mine/verification/verification",
    //"pages/mine/cityList/cityList",
//    "pages/mine/photoWall/photoWall",
  ],
  "subPackages": [
    {
      "root": "pages/mine",//分包根目录地址
      "pages": [
          {"path":"cityList/cityList"},
          {"path":"infomation/infomation"},
          {"path":"interest/interest"},
          {...}
      ]
    }
  ]
}

?假如在uniapp中,分包之后,代码包还是比较大,可以采用压缩。如下图,勾选即可。

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-09-10 10:58:28  更:2021-09-10 11:00:53 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 16:27:41-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码