小程序 项目分包处理 和预加载 步骤

小程序开发 专栏收录该内容
5 篇文章 1 订阅

第一步 首先找到app.json 文件

文件目录比较多放不完 删掉呢很多目录,格式差不多

{
  "pages": [
    "pages/index/index",
    "pages/login/login",
    "pages/home/home",
    "pages/home/search/search"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "***",
    "navigationBarTextStyle": "black"
  },
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序位置接口的效果展示"
    }
  },
  "sitemapLocation": "sitemap.json",
  "subpackages": [
    {
      "root": "personalCenterModule/",        //这里是你要分包的目录 也就是这个模块下所有文件目录
      "name": "pack1",
      "pages": [
        "pages/personal-center/personal-center",
        "pages/personal-center/membership/membership",
        "pages/personal-center/myNews/myNews",
        "pages/personal-center/mynew-detail/mynew-detail"
      ]
    }
  ],
    "preloadRule": {        //  预加载
    "pages/home/home": {
      "network": "all",
      "packages": ["personalCenterModule/"]
    }
  }
}

第二步 根据分包的信息

在这里插入图片描述
这个文件目录可以自己建 如果自己不想建目录,可以点击一下真机调试,工具会自动帮你建好,但建好的文件目录是没有内容的,自己需要把原目录下的文件移动当前文件下 ,根据自己在.json文件下配置 情况 移相应的文件过来 ,并把以前的删除掉 不然会占用主包大小 完成 分包的引用路径就会出现引用不到

  1. List item

第三步 修改分包的引用路径 模块名/pages/文件目录,不要忘记 模块名下还有pages 文件夹,然后就是文件目录 分包就已完成

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值