[移动开发]uniapp 微信小程序 分包打包流程出现的问题

uniapp 微信小程序?

一、分包

URL：小程序性能优化指南 | 微信开放社区

1.为啥分包

?主包只能2M,太小啦

举个例子 比如公司就是一个项目（小于20M），新来的同事就是一个文件吧，随着公司的人越来越多（项目也就是主包大于2M）,就需要划分部门，每个部门就可以理解为一个分包。

2.怎样分包

?URL：使用分包 | 微信开放文档

官网代码！！在pages.json

{
  "pages":[
    "pages/index",
    "pages/logs"
  ],
  "subpackages": [   //分包
    {
      "root": "packageA",   //分包的主路径
      "pages": [
        "pages/cat",        //二级
        "pages/dog"         //二级
      ]
    }, {
      "root": "packageB",   //分包的主路径
      "name": "pack2",
      "pages": [
        "pages/apple",        //二级
        "pages/banana"        //二级
      ]
    }
  ]
}

个人理解 文件夹下，不含tabbar页面，可以使用分包（不一定正确哈），还是参考上面的URL.

完成之后呢，微信开发工具-->右上角详情-->基本信息中的代码依赖分析，如下图

?打开时候就能看到分包啦，没显示 只要没报错，重启一下

这样基本就ok了

问题：

主包的路径是这样的：?"path": "pages/tabbar/tabbar-1/tabbar-1",

分包的路径是

?

并且分包的path前面不能加‘/’，加了就是绝对路径，分包后主包也有 分包也有?，并且打包后的ventor.js文件过大

二、打包

1.怎么打包

?上传就行了，长传后在小程序后台开发版本可以看（不用担心，不会发布的哈哈）

2.打包出现的问题

vendor.js文件过大，这个文件基本就是第三方插件或js文件，例如json文件，tim-wx-sdk

解决方法：

1.HBuilderx? ?运行? 运行到小程序模拟器? ?勾选下面的 运行时压缩代码

2.微信小程序开发工具 详情 本地设置? 上传代码时自动压缩wxml

（完成这两步基本没问题了，如果还有）

3. 如果引入过 腾讯im? 看一下是不是有 tim-wx-sdk 和 tim-js-sdk （T^T）

4.如果有js文件，比如省市县文件 ，很大的，分包就行了

?（在分包文件夹新建一个js文件夹,放进去分包引用，就好了）

5.还是很大，只能优化代码了

将js文件放入阿里云，我没试过