77百科网
当前位置: 首页 生活百科

小程序在pc端被限制(小程序包大小超过2M的解决方法)

时间:2023-07-31 作者: 小编 阅读量: 13 栏目名: 生活百科

1.优化代码,删除掉不用的代码2.图片压缩或者上传服务器一般图片所占用的空间比较大,尽量不要放在小程序本地文件夹中,如果图片不多的话可以对图片进行压缩,图片压缩平台:https://tinyjpg.com/另外,通过cli命令创建的uniapp项目,可将图片或字体图标放入assets文件夹下,通过require引入,也可减少主包大。

微信限制了小程序的代码包不能超过2MB,这主要是出于对小程序启动速度的考虑。但是,2MB 的大小也限制了小程序功能的扩展,如果大小超出了2MB该如何解决呢?

1. 优化代码,删除掉不用的代码

2. 图片压缩或者上传服务器一般图片所占用的空间比较大,尽量不要放在小程序本地文件夹中,如果图片不多的话可以对图片进行压缩,图片压缩平台:https://tinyjpg.com/另外, 通过cli命令创建的uni app项目,可将图片或字体图标放入assets文件夹下,通过require引入, 也可减少主包大。

3. 分包加载:

什么是分包加载:

小程序一般都是由某几个功能组成,通常这几个功能之间是独立的,但会依赖一些公共的逻辑,且这些功能一般会对应某几个独立的页面。那么小程序代码的打包,可以按照功能的划分,拆分成几个分包,当需要用到某个功能时,才加载这个功能对应的分包。

对于用户来说,小程序加载流程变成了:

1.首次启动时,先下载小程序主包,显示主包内的页面;

2.当进入某个分包的页面,再下载这个对应分包,下载完毕后,显示分包的页面。

采用分包加载,对开发者而言,能使小程序有更大的代码体积,承载更多的功能与服务;而对用户而言,可以更快地打开小程序,同时在不影响启动速度前提下使用更多功能。

分包的划分:

在配置前,按照功能对各个分包的内容进行划分,将同一个功能下的页面和逻辑放在童改一个目录下,把一些跨功能的公共逻辑放在主包下。

在分包划分时需注意:

1.包与包之间功能尽可能独立,避免分包与分包之间引用上的耦合。因为分包的加载是由用户操作触发的,并不能确保某分包加载时,另外一个分包就一定存在,这个时候可能会导致 JS 逻辑异常的情况,例如报「"xxx.js" is not defined」这样的错误;

2.一些公共的自定义组件,要放在主包内。

分包的配置:

在uni app中通过cli初始化的小程序目录结构如下:

├── src

├── main.js

├── App.vue

├── pages.json

├── manifest.json

├── orderPackages

│ └── pages

│ ├── goodsDetail

│ └── myorder

├── pages

│ ├── index

│ └── user

└── utils

需在pages.json中配置subPackages字段,在subPackage里面声明项目的分包结构:

目前小程序分包大小的限制:

整个小程序所有分包大小不超过 4M

单个分包/主包大小不能超过 2M

以上只罗列了uni app框架分包加载的步骤, 原生小程序分包方法根据官方文档即可快速实现,小程序框架虽多, 大都大同小异,如果后续有使用其他框架进行开发,会进行补充。

如果您想拥有自己的小程序商城系统,可选择CRMEB,CRMEB专注于移动互联网软件设计、研发、销售为一体的高新技术企业,我们将竭诚为您服务。

    推荐阅读
  • 监控中显示无网络(在网页上显示监控)

    最近需要在web项目中显示监控视频,采用了webrtcwebrtc-streamercoturn的方案实现,能够在公网上做很低的延时,对于实时监控视频有很好的效果,是目前来讲比较好的一个选择方案。网络逻辑结构图一、webrtc-streamer安装这里采用的是CentOS7系统,直接采用的Docker安装,关于Docker安装可以参考《Kubernetes安装记录》的docker部分。

  • 搞笑歇后语精选130句(农村这10句经典歇后语)

    骡子是一种由驴和马交配而生的家畜,力大性躁。出家,即脱离世俗生活,一般指投入佛门;高,本指身材,转指水平。生活在干旱天气中的田螺,会将身体全部缩进壳中,以此来存活,因此才会有歇“有口难开”,比喻很难开口。鸭子比猫跑得慢,要追上猫就得紧追猛赶,故歇“紧赶”。清醒的人看喝醉的人的脸,会感到滑稽可笑。意指人反应迟钝,呆头呆脑。

  • 姑娘果的营养价值 姑娘果的营养价值与食用功效

    姑娘果的食用禁忌1、姑娘果含糖量超过了葡萄,其中果糖的含量占到30%左右,所以肥胖的人不宜吃姑娘果。

  • 紫菜买了4年了还能吃吗(紫菜买了4年了还能不能吃)

    紫菜买了4年了还能吃吗干紫菜过了两年最好不要吃,容易引发不良反应。干紫菜的保质期一般为12个月,开封后尽早食用,一定要放在干燥通风的环境下保存。干紫菜受潮了就尽量不要食用了,受潮的干紫菜很容易产生霉菌,吃了这样的干紫菜很容易引起肠胃问题,所以建议不要食用。

  • 干辣椒面怎么储存 干辣椒面的长期保存方法

    如果是橱柜的话,检查下橱柜四周是否有发潮的地方,或者水管漏水什么的。事实上辣椒生虫的机会不多,但是其他的豆类就很容易生虫子的。

  • 端午节古诗词有哪些(关于端午节古诗词有哪些)

    端午节古诗词有哪些《端午》唐·李隆基端午临中夏,时清日复长。盐梅已佐鼎,曲糵且传觞。事古人留迹,年深缕积长。亿兆同归寿,群公共保昌。忠贞如不替,贻厥后昆芳。《端午三殿宴群臣探得神字》唐·李隆基五月符天数,五音调夏钧。穴枕通灵气,长丝续命人。进对一言重,遒文六义陈。《竞渡诗》唐·卢肇石溪久住思端午,馆驿楼前看发机。冲波突出人齐譀,跃浪争先鸟退飞。向道是龙刚不信,果然夺得锦标归。

  • 被套芯发黄清洗小妙招(被套芯发黄清洗技巧介绍)

    被套芯发黄清洗小妙招淘米水+橘子皮:将保存下来的淘米水和橘子皮一起放入锅内加水烧开之后,再静置放凉;接着将泛黄的被套、枕套和床单一起在晾凉的水中浸泡一段时间,最后轻轻搓洗就可以轻松让发黄的被套恢复。就用小刷子来回刷几次,直到泛黄部位消除。

  • 喇叭花的资料(喇叭花介绍)

    喇叭花的资料牵牛花别名喇叭花、牵牛、朝颜花。为旋花科牵牛属一年生蔓性缠绕草本花卉。蔓生茎细长,约3米至4米,全株多密被短刚毛。叶互生,全缘或具叶裂。聚伞花序腋生,1朵至数朵。花期6月至10月,大都朝开午谢。牵牛花约有60多种。叶具深三裂,花中型1朵至3朵腋生,有莹蓝、玫红或白色。花1朵至3朵腋生,总梗短于叶柄,花大型,花径可达10厘米或更大,原产亚洲和非洲热带。播种后保持25℃,7天左右发芽。

  • 唯物史观的发展缺陷(唯物史观确立文明演进的正道逻辑)

    历史唯物主义理论从诞生和问世之日起,就一直遭遇形形色色的“批判”与“质疑”。更有甚者,有意无意地将教条的以及庸俗马克思主义固有的错误不公正地强加给经典作家本人。历史唯物主义的科学真理性内在于这一理论自身独特的品质和境界。中国共产党人是马克思唯物史观理论的坚定信仰者、捍卫者、守护者和发展创新者。

  • 抖音首发怎么创作(抖音怎样发首创作品)

    选择一首歌曲,点击“确定使用并开拍”。点击“特效”,选择滤镜特效、时间特效。