微信小程序如何解决预览超过2M的问题?微信小程序分包加载

在微信小程序开发过程中有个问题让人很头疼,就是预览的项目不能超过2M,我们的项目通常都会超过这个大小限制。那到底怎么解决呢?其实官方给出了解决办法,分包加载。也就是当你打开小程序的时候会先加载主包,当你需要其他包的时候会再去加载分包。我们上线的时候可以把目录再恢复成平常那样。每个包不能超过2M,整个程序不能超过12M。详细步骤见下:
1、目录结构应如下

2、开发者通过在 app.json subpackages 字段声明项目分包结构:

{"pages":["pages/index","pages/logs"],"subpackages": [{"root": "packageA","pages": ["pages/cat","pages/dog"]}, {"root": "packageB","name": "pack2","pages": ["pages/apple","pages/banana"]}]
}

3、subpackages中的参数属性说明

4、打包原则

  • 声明 subpackages 后,将按 subpackages 配置路径进行打包,subpackages 配置路径外的目录将被打包到 app(主包) 中。
  • app(主包)也可以有自己的 pages(即最外层的 pages 字段)
  • subpackage 的根目录不能是另外一个 subpackage 内的子目录
  • tabBar 页面必须在 app(主包)内

5、引用原则

  • packageA 无法 require packageB JS 文件,但可以 require app、自己 package 内的 JS 文件
  • packageA 无法 import packageB 的 template,但可以 require app、自己 package 内的 template
  • packageA 无法使用 packageB 的资源,但可以使用 app、自己 package 内的资源

Tip:每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据开发者的配置进行划分。

微信小程序,Eror代码包大小为12497kb,上限为 2048 kb,请删除文件后重试?微信小程序分包加载相关推荐

  1. 微信小程序提示 “Error: 代码包大小为 2491 kb,上限为 2048 kb请删除文件后重试”

    遇到情况: 预览小程序时,提示 "Error: 代码包大小为 2491 kb,上限为 2048 kb请删除文件后重试" 看了一下官方说明如下: 目前小程序分包大小有以下限制: 解决 ...

  2. 微信小程序 echarts.js过大 导至错误( Error: 代码包大小为 xxxxkb,上限为 2048 kb,请删除文件后重试)

    解决:从官网自定义构建以减小文件大小. http://echarts.baidu.com/builder.html

  3. 微信小程序之分包加载,解决代码超过2M的方法

    2017.01.09 小程序上线时,微信限制了代码包不能超过1MB 大小,(现在是2M了)限制大小是出于对小程序启动速度的考虑,希望用户在使用任何一款小程序时,都能获得一种"秒开" ...

  4. 如何利用微信小游戏的分包加载机制突破4M代码包体积限制

    相信大家度过了一个不错的端午假期,在端午前夕,即6月15日晚上,微信小游戏宣布支持分包加载功能,白鹭引擎在端午节后第一天正式支持分包加载机制.在正式向开发者介绍如何使用前,我先为各位解读一下我对微信提 ...

  5. 微信小程序开发(三):分包加载

    微信小程序分包加载 小程序开发完成后,开发者需要将代码包上传到小程序管理后台上线,这时候我们会发现,小程序后台对开发者上传的代码包有严格的大小要求:本地代码超过2M就会限制上传. 目前小程序分包大小有 ...

  6. 小程序代码超出2M怎么办?如何使用分包加载?

    版本不断迭代后,发现小程序的程序包越来越大,马上就要面临2M的临界了,最近又涉及另一个版本的迭代,网上找了一下,发现小程序可以使用分包加载的方法,让小程序即便超过了2M也能继续跑. 不过小程序只在微信 ...

  7. 微信小程序分包加载,分包加载的优势

    微信小程序分包加载: 有时候我们的小程序太大,首次打开小程序的时候会比较慢,可以进行分包处理,按照功能的划分,拆分成几个分包,让用户在操作小程序的时候按需下载资源(用户在进入某些页面的时候才去下载相应 ...

  8. 微信小程序:uni-app 小程序打包超过2M限制的方法—分包加载

    摘自微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html 起初小程序上线时,微信限 ...

  9. 微信小程序 自动解决分包大小问题_微信小程序分包加载设置

    设置分包加载 微信小程序分包限制为: 主包或者单个分包最大为2M 整体小程序所有包最大为8M 为什么需要设置分包? 小程序项目中,有多种角色(公共页面很少),设置分包加载方便管理 整个小程序压缩后代码 ...

最新文章

  1. NODE Stream流总结(1)
  2. crontab 各参数详解及如何查看日志记录
  3. 判断输入是否为汉字的方法
  4. 百度视频携手神策数据,引领基于 AI 的短视频推荐技术新潮流
  5. 在caffe上fine-tuning网络
  6. 在恰当的地方使用MongoDB的WriteConcern.SAFE参数
  7. 【CF#801 A.】 Vicious Keyboard(字符串查找,水题)
  8. 涅槃重生的下一个超级风口:8本书助你赢在未来
  9. oracle执行外部sql_增强的PolyBase SQL 2019-Oracle DB的外部表
  10. 判断一组checkbox中是否有被选中的
  11. Protocol Buffers数据编码
  12. centos下查看最大Socket连接数
  13. JAX 是 Google 开发的计算机视觉研究
  14. 40页PPT勾画“互联网颠覆性思维”----诠释互联网思维
  15. JS API: Fullscreen 全屏 API
  16. coreldraw x7怎样设置禁网_cdr怎么优化? coreldraw x7优化设置的详细教程
  17. 从0使用keil5软件仿真调试GD32F305
  18. 万能遥控程序c语言,51单片机万能红外遥控解码程序
  19. 搭载三款动力 宝马丰田将联手推全新跑车
  20. twitter APi的使用与twitter数据的应用

热门文章

  1. 伪元素实现hot层级图标
  2. ROS软路由中CLI命令行操作手册
  3. python图片转手绘软件_酷!一个仿漫画手绘风格的 Python 图表库
  4. 微服务(四)—— Nacos注册中心
  5. 一图缕清 mysql 事务锁
  6. 计算机鼠标不动了,鼠标不动了怎么办,教您鼠标不动了怎么办
  7. linux 看eps文件格式,EPS 文件扩展名: 它是什么以及如何打开它?
  8. 缠论工具(笔, 线段)
  9. esxi虚拟机密码忘了,使用PE工具清楚原来密码
  10. pyqt5 QLabel详细用法