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

作者:故事我忘了￠

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

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 vue-cli-service uni-build --watch --minimize"

2.使用方法

2.1 首先你得有个uniapp的微信小程序项目

​这里假设你有了,原始项目结构