博客

使用 uniapp 开发小程序常常会涉及到分包问题，配置分包首先能解决各个平台对小程序项目主包的大小限制问题，其次配置分包减少主包的大小能有效减少项目首次启动的加载时间。

工具：HBuilder X

步骤如下：

1.在项目根目录下创建一个 subpkg 的目录（作为分包的目录，可以自主命名）；

2. 在 pages.json 中，和 pages 节点平级的位置声明 subPackages 节点，用来定义分包相关的结构。示例如下：

  // pages.json 
  {
    "pages": [],
    "subPackages": [{
      "root": "subpkg", // 分包的根目录
      // 当前分包下的页面路径，同 pages (路径从 subpkg 内开始)
      "pages": [{
        "path": "home/index",   // 此文件为 subpkg/home/index.vue
        "style": {}
      }]
    }]
  }

创建好 subpkg 目录并配置了 subPackages 后在 subpkg 分包下新建页面就会显示出当前分包，如果没有则可能配置出错！

 3.运行项目查看分包信息（此处以微信小程序为例，将项目运行到 微信开发者工具 ）：

 至此我们为 uniapp 项目创建并配置分包就完成了

更多关于 uniapp 项目分包优化的说明请参考 uniapp 官方文档。