uniapp分包，以及通过uni-simple-router进行分包

本文主要是介绍uniapp分包，以及通过uni-simple-router进行分包，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

先说一下uniapp的直接分包方式，很简单：

配置分包信息

打开manifest.json源码视图，添加 “optimization”:{“subPackages”:true} 开启分包优化

我们在根目录下创建一个pagesA文件夹，用来放置需要分包的页面

然后配置路由

运行到小程序，然后完事

uni-simple-router分包方式

文档：路由组件 | uni-simple-router

以下摘录官网

import {__dynamicImportComponent__
} from '@/uni-simple-router'const router = createRouter({routes:[{path:`/`,component:__dynamicImportComponent__(`@/pagesA/tabbar/index.vue`,{pageType:`top`, package: {  type: `child`,  name: `pagesA/tabbar` },  }),},{path:`/pagesB`,component:__dynamicImportComponent__(`@/pagesB/tabbar/index.vue`,{pageType:`top`, package: {  type: `child`,  },  }),}]
})

对于一般小程序来说，uni-simple-router所提供的方法最为便捷，若无其他需求，推荐uni-simple-router。

另外说明一下，uniapp用于小程序的分包，主包只用来存放tabbar上的页面以及核心逻辑代码，其余业务代码都放于子包中，微信小程序发布限定2MB，主包不要超过2MB。

这篇关于uniapp分包，以及通过uni-simple-router进行分包的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---