微信小程序开发----进阶篇

01.小程序分包加载-为什么要分包加载

分包加载是优化小程序加载速度的一种手段

为什么？

• 微信平台对小程序单个包的代码体积限制为 2M，超过 2M 的情况下可以采用分包来解决
• 即使小程序代码体积没有超过 2M 时也可以拆分成多个包来实现按需加载
• 配置文件能忽略的只有静态资源，代码无法被忽略

示例 ：

 

 解决方法---配置忽略文件：

在project.config.json文件中：

{
  "description": "项目配置文件",
  "packOptions": {
    "ignore": [
      {
        "value": "static/uploads",
        "type": "folder"
      }
    ],
    "include": []
  },

参考文档

02.小程序分包加载-使用分包配置

定义
将小程序拆分成若干个部分叫做分包

作用

1. 解决项目体积过大
2. 提高启动效率
3. 方便协同开发

 

分类：

1. 主包：

• 每个小程序必定含有一个主包。
• 默认启动页面、TabBar 页面，以及公共资源/JS 脚本必须放在主包；

1. 分包 分包加载 | 微信开放文档

• 通过subPackages来配置
• 所有包的大小之和不超过20M

 在小程序的全局配置中设置：app.json

{
  // 省略其他的...
  
  "subPackages": [
      {
        "root": "subpkg_user", // 分包代码的目录，其实就是一个独立的文件夹
        "pages": [
          "pages/profile/profile"
        ]
      },
      {
        "root": "subpkg_order", // 文件夹
        "pages": [
          "pages/order_list/index", 
          "pages/order_list/index"
        ]
      }
  ]
}

注意：

写完分包之后，如果对应的文件夹和页面不存在，它会自动创建文件夹和页面

 

小结

• 一个分包可以理解就是一个文件夹。
• 一个分包最大是2M；
• 不在分包内的页面属于主包