问题描述:微信小程序包文件大小不能超过2M,所有我们在开发的时候要做一些分包配置!
思路分析:
在pages
同目录下面建一些分包目录pages-1
、pages-2
,把部分页面放到分包目录下面,每个目录不要太多!
功能实现:
1、打开manifest.json
文件,在"mp-weixin"
中新增以下代码
/* 小程序特有相关 */
"mp-weixin": {
...
"optimization": {
"subPackages": true
}
....
},
2、打开pages.json
,新增subPackages
数组,和原先的pages
同级,如下代码:
"subPackages": [{
"root": "pages-1",
"pages": [{
"path": "date/index",
"style": {
"navigationBarTitleText": "日期"
}
},
{
"path": "time/index",
"style": {
"navigationBarTitleText": "时间"
}
}]
}, {
"root": "pages-2",
"pages": [{
"path": "birthday/index",
"style": {
"navigationBarTitleText": "生日"
}
},
{
"path": "speak/index",
"style": {
"navigationBarTitleText": "术语"
}
}]
}],
这样就解决因文件太大报错的问题了,这么的分包是针对微信小程序的,如何要实现它们的小程序,需要找到对应的mp-weixin
修改一下!
沃梦达教程
本文标题为:uniapp开发微信小程序文件不能超过2M(手把手教你实现分包)


猜你喜欢
- 深入剖析CSS变形transform(3d) 2024-02-06
- CSS实现照片堆叠效果的实例代码 2024-01-04
- vue红包摇一摇抽奖活动代码 2025-01-12
- 交互组件微创新 让网站用户体验增色的方法 2024-02-22
- javascript中关于&& 和 || 表达式的小技巧分享 2023-12-02
- css元素隐藏原理及display:none和visibility:hidden 2024-03-11
- 突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习 2023-12-24
- JavaScript开发小技巧之字符串 2024-12-08
- Vue结合MVVM模型的实现方法 2025-01-17
- vue页面设置滚动失败的完美解决方案(scrollTop一直为0) 2023-07-09