uniapp vue 开发微信小程序 分包梳理经验总结

嗨,我是小路。今天主要和大家分享的主题是"uniapp vue 开发微信小程序 分包梳理经验总结"。

在使用 UniApp+vue框架开发微信小程序时,当项目比较大的时候,经常需要分包加载。它有助于控制主包的大小,从而提升小程序的启动速度;尤其是对于功能较多、资源文件较大的项目。如微信小程序加载echart,three.js等。以下是一些关于如何在 UniApp Vue 开发微信小程序中进行分包的经验总结。

1.主包

注意:微信开发着工具推荐主包大小不超过1.5M,推荐主包大小在1M左右,留大量的空间以方便后面项目运用大的静态文件加载,如echart.min.js。

echart.min.js等静态文件加载的时候,注意在vue3中,只能放在静态文件夹static里面;在分包中加载,使用require加载不出来。

2.预加载控制

注意:在大项目中,存在多个分包,如商城项目中存在主包、分包如果要预加载设置,也要注意预加载的包大小之和也不能超过2M,超过了也会报错。

3.规划分包

注意:在大项目中,存在多个分包,如商城项目中存在主包、分包如果要预加载设置,也要注意预加载的包大小之和也不能超过2M,超过了也会报错。

都看到这里了,记得【点赞】+【关注】哟。

相关推荐
家里有只小肥猫1 分钟前
uniApp打包ios报错
ios·uni-app
jingling5551 小时前
uniapp | 基于高德地图实现位置选择功能(安卓端)
android·前端·javascript·uni-app
某公司摸鱼前端1 小时前
前端一键部署网站至服务器FTP
前端·javascript·uni-app
爱怪笑的小杰杰2 小时前
UniApp 桌面应用实现 Android 开机自启动(无原生插件版)
android·java·uni-app
m0_647057962 小时前
uniapp使用rich-text流式 Markdown 换行问题与解决方案
前端·javascript·uni-app
木子啊2 小时前
Uni-app导航栏适配终极避坑指南
uni-app·自定义导航栏·导航栏
2501_915106323 小时前
iOS 如何绕过 ATS 发送请求,iOS调试
android·ios·小程序·https·uni-app·iphone·webview
行走的陀螺仪13 小时前
uni-app + Vue3编辑页/新增页面给列表页传参
前端·vue.js·uni-app
森之鸟15 小时前
uniapp——配置鸿蒙环境,进行真机调试
华为·uni-app·harmonyos
2501_9159184118 小时前
常见 iOS 抓包工具的使用,从代理抓包、设备抓包到数据流抓包
android·ios·小程序·https·uni-app·iphone·webview