问题描述:微信小程序包文件大小不能超过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(手把手教你实现分包)


基础教程推荐
猜你喜欢
- JS实现微信里判断页面是否被分享成功的方法 2024-02-08
- vue项目中如何实现动态路由 2025-01-18
- vue插件和组件的区别 2023-10-08
- JavaScript CSS 通用循环滚动条 2024-03-09
- 利用CSS3实现平移动画效果示例代码 2024-01-22
- JS实现简单计数器 2024-03-31
- 关于取不到由location.href提交而来的上级页面地址的解决办法 2024-01-08
- 详解解决flex布局的justify-content: space-between对齐方式的一个BUG的两种方法 2024-03-09
- js判断浏览器的比较全的代码 2024-02-09
- vuejs导入excel(把excel表格解析成JSON数据) 2025-01-20