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.还是很大,只能优化代码了文章来源:https://www.toymoban.com/news/detail-484943.html
将js文件放入阿里云,我没试过文章来源地址https://www.toymoban.com/news/detail-484943.html
到了这里,关于uniapp 微信小程序 分包打包流程出现的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!