微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

uniapp微信小程序分包

描述

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

目录结构

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

在这里插入图片描述在这里插入图片描述

操作

  1. 进行分包相关的配置。点击mainfest.json文件,接着点击源码试图,然后将添加截图中的代码
    2

    在这里插入图片描述

"app-plus": {
	  "optimization": {
		"subPackages": true
	  },
	  "runmode" : "liberate" // 开启分包优化后,一定要配置一下资源释放模式
	}
  1. 在与pages文件的同级下,建立一个subPackages文件,如下图

    在这里插入图片描述

  2. 配置路由
    以下截图为路由的结构

    在这里插入图片描述

    在这里插入图片描述


    在这里插入图片描述


    在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐