hbuilderx 小程序分包_基于uni-app的微信小程序之分包

本文介绍了如何使用uni-app进行微信小程序的分包操作,详细讲述了分包的原因、注意事项、配置步骤以及分包优化的方法,并提供了跳转分包页面的示例。
摘要由CSDN通过智能技术生成

作者:故事我忘了¢

个人微信公众号:程序猿的月光宝盒

0. 缘由

​最近工作在接触uni-app,用它来开发微信小程序,也是第一次接触,找了很久,还有大佬用自己写的函数做的,俺觉得我不会也不配,刚好看到下面评论是官方也支持了,所以就用官方的了,这里记录一下

1. 关于分包

​好像是规定小程序不能超过2M,一旦超过就需要分包,因为是公司项目,肯定超过,所以就做个演示,权当记录吧

1.0 这是 官方文档

1.1 注意事项

subPackages 里的pages的路径是 root 下的相对路径,不是全路径。

微信小程序每个分包的大小是2M,总体积一共不能超过16M。

百度小程序每个分包的大小是2M,总体积一共不能超过8M。

支付宝小程序每个分包的大小是2M,总体积一共不能超过4M。

QQ小程序每个分包的大小是2M,总体积一共不能超过24M。

分包下支持独立的 static 目录,用来对静态资源进行分包。

uni-app内支持对微信小程序、QQ小程序、百度小程序分包优化,即将静态资源或者js文件放入分包内不占用主包大小。详情请参考:关于分包优化的说明

针对vendor.js过大的情况可以使用运行时压缩代码

HBuilderX创建的项目勾选运行-->运行到小程序模拟器-->运行时是否压缩代码

cli创建的项目可以在pacakge.json中添加参数--minimize,示例:"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值