uni-app分包加载

在小程序打包的时候经常会遇到资源包大于2m,不能发布的情况,为了解决这种情况可以使用分包加载

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

在pages同级目录下,新建pagesA、pagesB,并放入需要分包加载的文件代码,然后打开pages.json文件,进行分包配置

在这里插入图片描述

//页面数组
"pages": [
    "pages/news/index",
    "pages/mine/mine"
  ],
  //分包
 "subPackages": [
    {
    
    
      "root": "pagesA",
      "pages": [
        "ucenter/ucenter"
      ]
    },
    {
    
    
      "root": "pagesB",
      "pages": [
        "detail/detail"
      ]
    }
  ],
  //配置
  "preloadRule": {
    
    
    "pagesA/ucenter/ucenter": {
    
    
      "network": "all",//
      "packages": [
        "pagesA"//与分包文件夹名字相同
      ]
    },
    "pagesB/detail/detail": {
    
    
      "network": "all",
      "packages": [
        "pagesB"//与分包文件夹名字相同
      ]
    }
  },
   "window": {
    
    
    "navigationBarTextStyle": "white",
    "navigationBarTitleText": "商城",
    "navigationBarBackgroundColor": "#2F85FC",
    "backgroundColor": "#FFFFFF"
  },
  //tabBar 中的文件不能进行分包
  "tabBar": {
    
    
    "color": "#C0C4CC",
    "selectedColor": "#ff536f",
    "borderStyle": "black",
    "backgroundColor": "#ffffff",
    "list": [
      {
    
    
        "pagePath": "pages/news/index",
        "iconPath": "static/home.png",
        "selectedIconPath": "static/home-active.png",
        "text": "首页"
      },
      {
    
    
        "pagePath": "pages/mine/mine",
        "iconPath": "static/home.png",
        "selectedIconPath": "static/home-active.png",
        "text": "我的"
      }
    ]
  },
之后打开微信开发工具详情,可以看到主包和分包的大小变化

猜你喜欢

转载自blog.csdn.net/weCat_s/article/details/116148502
今日推荐