Uniapp小程序分包(uniapp分布)都是干货
内容目录
首先说分包
uniapp分包的方法在开放文档里有,有基础的小伙伴就可以看懂
下面是我在开发中用到的分包
首先 我们在根目录下创建一个pagesB文件夹,用来放置需要分包的页面
下一步是把比较大的文件直接拉过去,pages里就没有这个文件了,然后配置路由
|
|
它和pages里的路由地址的差距就是没有前缀
两个包的页面分开了,想要联系怎么办?
只需修改路由跳转的路径即可 比如pages里的某个文件要跳转到pagesB里的某个文件,需要精确查找
就是说我要去你家,你只给我口述哪哪哪,我要你发定位,像这样
|
|
下面是分包预加载
就是说进入那个页面的时候就开始加载某个包文件
|
|
all是不限制网络,packages是加载的包名
就这么简单,分包就完成了
进入微信开发者工具,左上角详情,基本信息,本地代码点开就可以看到了
然后是压缩
针对vendor.js过大的情况可以使用运行时压缩代码
HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码
cli创建的项目可以在pacakge.json中添加参数–minimize,示例:
|
|
压缩大概可以压一倍左右,所以我建议先压缩运行,再分包
Author grabbyte
LastMod 2022-12-19