web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

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

467 ℃
     

问题描述:微信小程序包文件大小不能超过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修改一下!

uniapp微信小程序鼠标点击input placeholder出现位移解决方法

uniapp开发微信小程序提示“启动组件按需注入未通过”解决方法

uniapp微信小程序打包成功后wxss编译错误排查

uniapp分包加载有什么好处,uniapp分包教程实例代码

推荐一款由支付宝小程序官方推出的免费开源UI组件库——Ant Design Mini

标签: uniapp分包, 微信小程序

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

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

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

当前位置: 网站首页 > 前端知识
本文共计655个字,预计阅读时长5分钟
生活小工具,收录了80多款小工具
上一篇: 推荐2款充满科技感的艺术字体——小新黑体、小新潮酷体
下一篇: 推荐一款浏览器数据库的开源工具库——Dexie.js(JavaScript调用)
x 打工人ai神器