小程序学习笔记|uniapp微信小程序分包

描述 【小程序学习笔记|uniapp微信小程序分包】本篇文章主要讲解uniapp开发微信小程序时的分包过程。这里使用的案例是工作时的一个项目,这里我分了三个包,分别为:Personal、Property、Community,分别表示小程序tebar对应的三个页面,每个包下面有相应的其他页面。
目录结构

pages目录下面存放的是三个底部导航栏的页面和登录页面

小程序学习笔记|uniapp微信小程序分包
文章图片
小程序学习笔记|uniapp微信小程序分包
文章图片

操作
  1. 进行分包相关的配置。点击mainfest.json文件,接着点击源码试图,然后将添加截图中的代码。
    2小程序学习笔记|uniapp微信小程序分包
    文章图片
"app-plus": { "optimization": { "subPackages": true }, "runmode" : "liberate" // 开启分包优化后,一定要配置一下资源释放模式 }

  1. 在与pages文件的同级下,建立一个subPackages文件,如下图
    小程序学习笔记|uniapp微信小程序分包
    文章图片
  2. 配置路由
    以下截图为路由的结构
    小程序学习笔记|uniapp微信小程序分包
    文章图片

    小程序学习笔记|uniapp微信小程序分包
    文章图片

    小程序学习笔记|uniapp微信小程序分包
    文章图片

    小程序学习笔记|uniapp微信小程序分包
    文章图片

    推荐阅读