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,超过了也会报错。

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

相关推荐
宠友信息13 小时前
内容社区源码开发实践解析,用Spring Boot打造1:1仿小红书源码平台
java·spring boot·redis·websocket·mysql·spring·uni-app
梦曦i15 小时前
Vue-Router 2.4.0 新增可控重定向功能
前端·uni-app
郑州光合科技余经理15 小时前
海外版外卖系统架构:订单怎么流转、权限怎么分
java·开发语言·前端·系统架构·uni-app·php·ai编程
qq_3168377519 小时前
uniapp 安卓/H5 使用 contentEditable 属性 富文本编辑器
android·javascript·uni-app
小满zs1 天前
关于HBuilderX+ 微信小程序开发工具启动的问题
前端·uni-app
sunphp开发者2 天前
制作手绘地图瓦片切图
前端·uni-app
梦曦i3 天前
RouterLink v2.5.0:H5端原生能力全面回归
前端·uni-app
码农刚子3 天前
用 .NET 8 + uni-app 做一套多租户畜牧 SaaS:我们在秦巴牧云踩过的 6 个坑
uni-app·.net·saas
PedroQue993 天前
RouterLink v2.5.0:H5端原生能力全面回归
前端·uni-app
CSharp精选营3 天前
用 .NET 8 + uni-app 做一套多租户畜牧 SaaS:我们在秦巴牧云踩过的 6 个坑
uni-app·efcore·.net8·多租户·saas踩坑