web建站教程
     
  1. 首页
  2. 前端UI组件库
  3. AI项目和框架
  4. AIGC工具
  5. 百度echarts
  6. 地图大全
  7. 前端知识
  8. 更多
    vuejs
    js入门
    php入门
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    AI应用

uniapp开发微信小程序文件不能超过2M(手把手教你实现分包)

1365 ℃

问题描述:微信小程序包文件大小不能超过2M,所有我们在开发的时候要做一些分包配置!

思路分析:

pages同目录下面建一些分包目录pages-1pages-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修改一下!

塔塔疗愈所

上头蛙:腾讯打造的微信生态沉浸式AI互动剧情创作平台

iView Weapp是一套高质量的微信小程序UI组件库

Vant Weapp:一个轻量、可靠的移动端组件库,兼容微信小程序

Wux Weapp:一套微信小程序UI组件库,组件化、可复用、易扩展

标签: uniapp分包 微信小程序

上面是“uniapp开发微信小程序文件不能超过2M(手把手教你实现分包)”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_16068.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 首页 > 前端知识
Trae:新一代免费的AI编程工具

呱呱工具箱

一款免费的在线小工具,无需下载,打开即可使用!呱呱工具箱

在线育儿补贴计算器

快来看看你到底可以领到多少补贴!生活小工具
上一篇:
下一篇:
x 打工人ai神器