微信公众号开发

uniapp微信小程序分包

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

描述

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

目录结构

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

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

操作

  1. 进行分包相关的配置。点击mainfest.json文件，接着点击源码试图，然后将添加截图中的代码。
    2在这里插入图片描述
"app-plus": {
	  "optimization": {
		"subPackages": true
	  },
	  "runmode" : "liberate" // 开启分包优化后，一定要配置一下资源释放模式
	}
  1. 在与pages文件的同级下，建立一个subPackages文件，如下图
    在这里插入图片描述
  2. 配置路由
    以下截图为路由的结构
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
这篇关于uniapp微信小程序分包的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航