uniapp微信小程序分包

2021/7/15 20:08:03

本文主要是介绍uniapp微信小程序分包,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

描述

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

目录结构

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

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

操作

  1. 进行分包相关的配置。点击mainfest.json文件,接着点击源码试图,然后将添加截图中的代码。
    2在这里插入图片描述
"app-plus": {
	  "optimization": {
		"subPackages": true
	  },
	  "runmode" : "liberate" // 开启分包优化后,一定要配置一下资源释放模式
	}
  1. 在与pages文件的同级下,建立一个subPackages文件,如下图
    在这里插入图片描述
  2. 配置路由
    以下截图为路由的结构
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述


这篇关于uniapp微信小程序分包的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程