首页 > 编程语言 >uni-app开发跨端小程序包过大优化

uni-app开发跨端小程序包过大优化

时间:2023-10-25 15:22:23浏览次数:36  
标签:app 程序包 编译 跨端 主包 组件 uni 页面 分包

以微信小程序为例:
一:避免使用大图

图片压缩之后使用,避免大图,必要时可以使用雪碧图或者svg,图片上传远程服务器,不占用本地资源包。二:分包处理
微信小程序单包不超过2M,最多10个包。
合理分包,将文件放到合适的地方。除一级页面入口放到主包,剩余页面逻辑都可以拆分成分包的形式。
注意:除分包的文件外,其他全部都会纳入主包,最外层的公共components/static/utils/都是会纳入主包的,抽离的业务组件尽量放在自己的分包文件夹内,相关的图片等静态资源也放在分包文件夹内。

三:编译模式有运行跟发行,发行对编译包更加精简,发行编译能能减少近一半的体积,若要上传小程序,一定要点击发行编译。

四:代码依赖分析
详细展示了每个包及文件的大小,可以进行针对性的优化

五:公共组件的放置
uni-modules组件一般放置在最外部,页面直接使用
迫切要求包大小降下来的情况下,可以最外层保留uni-scss,uni-icons,剩余uni-modules组件放到分包里,同理其他自定义组件也可以放多份到不同的分包内,就是真个包会变大一些。
六:删除代码内无效冗余的代码图片等资源



标签:app,程序包,编译,跨端,主包,组件,uni,页面,分包
From: https://www.cnblogs.com/yuanyuan0809/p/17787295.html

相关文章

  • 直播app系统源码,bootstrap5 text左对齐右对齐
    直播app系统源码,bootstrap5text左对齐右对齐在bootstrap4中text左/右对齐   <h1class="text-right">右对齐</h1>  <h1class="text-left">左对齐</h1>  <h1class="text-center">居中</h1> ​看了下官网在bootstrap5中就不起作用了换成t......
  • CSAPP 第二章 笔记
    信息存储十六进制表示法0x开头字数据大小寻址和字节顺序大端法/小端法布尔代数C中逻辑运算C中移位运算右移(算数/逻辑)整数表示无符号数编码补码编码各种转换有无符号数之间的转换不同字长整数之间的转换小->大无符号数:补零有符号数:补符号位......
  • Apple开发_字符串后缀如果包含有数字,提取出字符串后缀全部的数字
    NSString分类@implementationNSString(GC)-(NSString*)suffix_Num{//匹配字符串末尾的数字NSString*pattern=@"\\d+$";NSError*error=nil;NSRegularExpression*regex=[NSRegularExpressionregularExpressionWithPattern:patternoptions......
  • uniapp 预览pdf app端使用自定义导航时铺满全屏,需要留出导航栏
    1、安装pdf预览插件:hybrid插件(网上资料很多) 2、封装预览vue页面(重点在加粗部分,使用原生导航没有问题,但是使用自定义导航就把状态栏全部盖住了)<template><viewclass="page"><web-view:webview-styles="webviewStyles":src="src"></web-view>&l......
  • 【Azure App Service】App Service设置访问限制后,使用git clone代码库出现403报错
    问题描述在AppService中,为AppService配置了访问限制,结果导致在克隆AppService的代码时候,遇见403错误。  问题解答因为在使用gitcloneAppService的应用代码时,使用的URL地址为https://***.scm.chinacloudsites.cn/***.git,它是通过公网访问,并且会根据设定的访问限制......
  • APP采用原生开发还是混合开发,哪种方式好?
    最近也有不少用户留言,问一些基础的内容,例如:App采用怎样的开发方式更好?便有感而发,希望通过这篇文章再做一下小结。 先亮结果,是采用原生还是混合的开发方式,需要先了解业务规划,然后根据业务的实际需求再制定研发技术选型及研发计划。 为什么只能一事一议?这个还得从技术架......
  • 超级app的背后:无为而治的道家智慧
    成为超级APP,是每一个APP的梦想。所谓超级APP,就是平台化的基础APP,拥有庞大的用户群和广泛的功能,基本属于“装机必备”。目前,国内唯一公认的超级APP是微信,没几个人敢说自己的生活能离开微信。微信之所以能成为超级APP,是因为掌握了社交这一核心需求,并且同一赛道几乎没有竞品。由社......
  • 技术干货分享:实现app中跑自己小程序的最低可实现方式
    微信作为超级APP,除了庞大的用户群体外,更让人一直模仿便是:在桌面应用上如何跑自己的小程序?那么作为一名程序员,自从有了这个想法以后,就想着如何把他变成现实。但是,目前调研了一圈后发现,基本没有可能自己完成,所以基本只能依靠其他工具包来完成。直到偶然间看到一位开发大佬的公众号......
  • 反向兼容问题:多平台小程序如何集成到自自有app
    说到小程序,大部分的读者第一反应,可能是微信小程序、支付宝小程序。确实,以前小程序这种生态只有巨头才玩的起。但现在,任何企业,甚至是个人,都能低成本地在自己的App添加运行小程序的能力,可以自主建设小程序生态、发布管理小程序内容。小程序类技术的企业商用,意味着:企业拥有了和互......
  • uniapp h5低版本Android显示空白
    前言:uniapp写的H5访问一直空白,打包app就可以正常显示,排查说是箭头函数低版本不支持,一顿操作npm,还是一样空白。最后:需要发行打包h5才能正常访问,服了也没告诉我啊。注:打包出来访问报错UncaughtSyntaxError:Unexpectedtoken'<',访问空白问题,在manifest.json文件中添加如图所示......