个人技术分享

先说一下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。