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文件放入阿里云,我没试过

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值