微信小程序分包小心得

最新推荐文章于 2024-06-12 23:40:19 发布
最新推荐文章于 2024-06-12 23:40:19 发布
阅读量192 收藏 1
点赞数 1
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuxi_happy/article/details/139009051
版权 
1.开启分包,再app.json中subpackages字段声明项目分包结构,如下图所示
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/a744816947d249e196fc501a82a41a77.jpeg#pic_center)


2.分包有俩种写法,第一种是和pages同一级的分包,包名小写开头,第二种是在pages里面分包,分包文件夹名必须大写开头
3.静态资源加载,静态资源必须是和pages同一层级,这样就会有俩种情况,第一种你的分包和pages同一层级,那么你的静态资源就要和pages新建,如果你的分包是存在pages里面,那么你的静态资源就要写在pages里面
liuxi_happy
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序的性能优化
aoshisen的博客
09-04 1892
文章目录小程序的启动分包加载小程序代码包的大小限制常规的控制代码包大小的方法页面和Page 构造器的运行逻辑页面层级数据通信js中提高数据更新速度的方法js中提升数据更新性能wxml 中提高数据更新速度的方法兼容性当前手机的信息版本兼容 小程序的启动 在小程序启动时，微信会为小程序展示一个固定的启动界面，界面内包含小程序的图标、名称和加载提示图标。 分包加载 采用分包时，小程序的代码包有两种： 一个“主包”，包含小程序启动时会马上打开的页面代码和相关资源。 多个“分包”，包含其余的代码和资源。 这样
微信小程序性能优化方案
前端彭于晏的博客
12-17 9489
微信小程序性能优化方案 提高加载性能 小程序代码包准备（下载代码包） 开发者代码注入 页面渲染优化 提升渲染性能 setData工作原理 优化方法
微信小程序---分包
weixin_46218456的博客
01-20 1万+
分包
微信小程序开发_Subson_v1.0
10-02
微信小程序开发文档，由Subson根据微信官方文档以及API整理。
关于微信小程序实例源码的研究过程（一）
最新发布
tommy___2005的专栏
06-12 1409
3.2.3 Page元素小程序实例有4个Page元素，分别是：组件、交互动画、接口、云开发。
微信小程序图片分包 || 微信小程序资源分包
qq_42877655的博客
07-31 2803
静态资源处理 在分包根目录建一个static包，把资源放进这个static包 pageA --页面1 --页面2 ...... --static
微信小程序---分包操作
热门推荐
wangzai888的博客
03-27 3万+
有时候我们的小程序太大，首次打开小程序的时候回比较慢，这个时候我们可以试试分包操作。分包可以让用户在操作小程序的时候按需下载资源（用户在进入某些页面的时候才去下载相应的资源，可以加快小程序的速度，优化用户体验）。 小程序代码有个2M限制，是不是有的时候放图片都得忍着点，不敢把太大的放在小程序里面，只能放远程；但是随着项目不断迭代更新，代码图片越来越多，开发的时候更加小心翼翼。是不是很不舒服...
小程序分包
Xiang_Gong_Ya_的博客
08-31 163
分包目录结构。
微信小程序分包加载
weixin_34417635的博客
01-29 376
前言 对于一个展示型的小程序而言，势必会存在着众多的图片来展示，而UI设计师给出的图片大多数都会很大，这样就会很大程度的占据程序包的空间，而微信小程序在开发文档中明确指出，小程序的包大小必须限制在2M以内，超过大小，就算在开发者工具中都不能正常预览。此时，解决问题的办法大多有三种： 1.将图片的大小尽可能的压缩，以保证程序包顺利通过微信设置的大小阈值。（这样会造成图片的失真...
微信小程序开发注意指南和优化实践
weixin_43966128的博客
08-05 398
微信小程序开发注意指南和优化实践 一、WXML 不要换行写，有空格不行 微信开发者工具不会对代码进行trim操作，如果代码中换行，页面也直接换行。 wx:if vs hidden 一般来说，wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此，如果需要频繁切换的情景下，用 hidden 更好，如果在运行时条件不大可能改变则 wx:if 较好。 图片处理 1.大图片也会造成页面切换的卡顿 有一部分小程序会在页面中引用大图片，在页面后退切换中会出现掉帧卡顿的情况。 2.图片占容量 代码包限制
小程序跨页面交互的作用与方法
厦门在乎科技
09-15 298
去年年末，微信小程序的分包大小已经到达了 12M 大小,一方面说明小程序的确逐步为开发者放开更大的权限，另一方面也说明了对于某些小程序 8M 的大小已经不够用了。我个人今年也是在开发一个 to B 小程序应用。这里列举一些跨页面交互的场景。 对于 B 端应用的业务需求来说，小程序开发的复杂度相对比网页开发要复杂一些。一个是双线程的处理机制问题，另一个是页面栈之间交互问题。 注: 笔者目前只需要开发微信小程序，为了在小程序页面中可以使用 properties behaviors observers 等新功
小程序中使用分包
不靠谱的作曲家
09-08 1032
小程序在未使用的分包的情况下仅支持大小为2M,如果图片等资源过多的情况下可以使用分包功能，使用分包的情况下单个分包大小不能超过2M,总大小不能超过20M，分包有两种情况：普通分包和独立分包，下面介绍的是普通分包。
微信小程序--如何分包
weixin_47037550的博客
04-29 1973
独立分包是小程序中一种特殊类型的分包，可以独立于主包和其他分包运行。从独立分包中页面进入小程序时，不需要下载主包。当用户进入普通分包或主包内页面时，主包才会被下载。开发者可以按需将某些具有一定功能独立性的页面配置到独立分包中。当小程序从普通的分包页面启动时，需要首先下载主包；而独立分包不依赖主包即可运行，可以很大程度上提升分包页面的启动速度。一个小程序中可以有多个独立分包。限制独立分包属于分包的一种。普通分包的所有限制都对独立分包有效。独立分包中插件、自定义组件的处理方式同普通分包。
微信小程序如何分包
Army-海军的博客
02-07 2779
分包可以让用户在操作小程序的时候按需下载资源（用户在进入某些页面的时候才去下载相应的资源，可以加快小程序的速度，优化用户体验。字节小程序每个分包的大小是2M，总体积一共不能超过16M（字节小程序基础库 1.88.0 及以上版本开始支持，字节小程序开发者工具请使用大于等于 2.0.6 且小于 3.0.0 的版本）。为了模拟代码过大，必须分包，我特意复制了40多个文件，并在pages.json中配置的page中配置，来模拟项目业务代码过大的情况。微信小程序每个分包的大小是2M，总体积一共不能超过20M。
微信小程序资源分包
qq_38197886的博客
05-21 2400
微信小程序是不需要下载就可以用的程序，它的资源都是放在微信的服务器上的，有开发经验的人都知道要发布一个小程序的时候，是要把你本地的资源上传到微信的，上传的时候，微信有个限制，就是开发包不能大于2m，如果资源（主要是图片，视频）过大，整个包可能会大于2m，所以上传不了，微信提供了一个解决办法，就是分包，但是分完包之后也是有限制的， 这是我分完包的上传错误，限制变成了8m左右，总之包的内容限制变大了。...
微信小程序使用分包subpackages
Eleuuuuy的博客
09-07 1419
微信小程序分包
微信小程序开发《10 .框架之打包和兼容》
女王の专属领地
02-25 1732
兼容通过 wx.getSystemInfo 或 wx.getSystemInfoSync 获取到小程序的基础库版本号。也可以通过 wx.canIUse 来判断是否可以在该基础库版本下直接使用对应的API或者组件兼容方式 - 接口对于新增的 API，可以用以下代码来判断是否支持用户的手机。if (wx.openBluetoothAdapter) { wx.openBluetoothAdapter...
微信小程序分包
dawfwafaew的博客
01-11 1905
1.什么是分包？分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。2.对小程序进行分包的好处主要有以下两点:可以优化小程序首次启动的下载时间在多团队共同开发时可以更好的解耦协作分包前，小程序项目中所有的页面和资源都被打包到了一起，，影响小程序首次启动的下载时间。4.分包后项目的构成分包后，小程序项目由1个主包+多个分包组成:主包:一般只包含项目的启动页面或TabBar页面、以及所有分包都需要用到的一些公共资源。
微信小程序分包的使用
10-25
微信小程序分包是一种将小程序代码分成多个包进行管理的方式。分包可以有效地减少小程序首次启动时间，提高用户体验。其中，独立分包是一种特殊类型的分包，可以独立于主包和其他分包运行。从独立分包中页面进入小程序时，不需要下载主包。当用户进入普通分包或主包内页面时，主包才会被下载。在微信开发工具的详情-基本信息面板中可以查看项目及分包信息。如果不采用分包，小程序总大小不能超过2MB，如果采用分包，总大小可以达到20MB，每个包不能超过2MB。 使用微信小程序分包的步骤如下： 1. 在app.json文件中配置分包信息，包括分包名称、分包路径等。 2. 在需要使用分包的页面中，使用wx.loadSubPackage()方法加载分包。 3. 在微信开发工具中查看分包信息，包括分包大小、分包加载时间等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值