首页 > 编程语言 >2023-09-09 微信小程序之引入uni_modules过多插件导致主包体积过大如何解决 ==》hbuilderx--发行--小程序-微信(仅适用于uniapp)

2023-09-09 微信小程序之引入uni_modules过多插件导致主包体积过大如何解决 ==》hbuilderx--发行--小程序-微信(仅适用于uniapp)

时间:2023-09-09 14:04:44浏览次数:54  
标签:uniapp 插件 -- 微信 09 modules 样式 uni

前言:uni_modules里面的插件会全部打包在主包里,分包如果都是引用了uni_modules的插件,那么会导致包体积越来越大。

我的项目主要用到一些组件库,如uview,对这个库的依赖太严重了,加上是把2个小程序融合到一起,所以对这个库的依赖就会变得更多。

解决方案:你的小程序是用uniapp开发,才能使用这个方法,在Hbuilder X工具顶部导航栏找到【发行】==》小程序-微信(仅适用于uniapp)。

使用这个方法可以进一步压缩小程序的代码,

并且它会把打包好的文件放在项目根目录的另一个路径里面,

比如用Hbuilder X运行小程序是会打包在xxx\unpackage\dist\dev\mp-weixin里面,

而用上面那个方法会被打包在xxx\unpackage\dist\build\mp-weixin里面,就差别在一个是dev,一个是build。

我原本打包时是包体积超过了3900k,而实际上要2M以内才行,尽管我使用了这个方案当并没有彻底解决我的问题。

这个方案一般可以解决稍微超出2M的包,对于超过3M以上的还是只能起到辅助的作用,so,最根本的方法还得是减少对依赖的引用,对于一些简单的组件那就自己手写,从而替换掉依赖。

还有就是你的全局样式不要写入过多的全局样式,且不要存在重复的样式,因为这些样式会全部被打包,不管你有没有引用,它会出现在每一个页面的wxss里面,

我就是在global.scss里面又引入了一个全局样式表导致出现了重复的样式,所以尽量使用必要的全局样式,不必要的就不要放在全局样式文件里面。

除此之外,该分包的还是的分包,体积大的静态资源文件该放到线上还是得要放到线上,微信官方建议不要在本地存储超过200k的静态资源文件。

最后:其实有一种方法(easycom)可以把uni_modules的插件放到分包里,这样就不会占用主包的空间,就是得满足它的组件路径规范,而且得把用到该插件的页面放到分包里去。

easycom的说明文档

标签:uniapp,插件,--,微信,09,modules,样式,uni
From: https://www.cnblogs.com/iuniko/p/17689365.html

相关文章

  • Navicat连接oracle时,提示oracle library is not loaded
    一、背景本机配置:win764位本机同时安装了oracle服务器端和客户端服务器端:11gR2; 客户端:oracle10g32位(由于项目需要,必须安装此客户端) 二、报错描述先安装的11gR2,用Navicat连接正常,后面再安装10g32位的客户端后,连接报错:oraclelibraryisnotloaded 三、报错原因因为......
  • JavaScript-初学
            ......
  • Test3
    方案markdown+Typora+picGo+jsdelivr+github仓库+bloghelperTypora:本地Markdown编辑器,用于本地编写文档PicGo:一个用于快速上传图片并获取图片URL链接的工具,可以与Typora集成,实现黏贴图片后自动上传图片到图床doocs.github.io/md:一款高度简洁的微信Ma......
  • spark2.4.4安装
    1、环境准备:下载spark-2.4.4-bin-hadoop2.7.tgz上传安装包到Linux中解压安装包tar-zxf spark-2.4.4-bin-hadoop2.7.tgz-C/hadoop/app2、配置环境2.1修改hadoop中yarn-site.xml<property><name>yarn.nodemanager.pmem-check-enabled</name><value>f......
  • 分离式光电液位传感器有哪些优势
    分离式光电液位传感器相比传统光学传感器具有许多优势。分离式液位传感器采用了一体成型的设计,将菱镜部分直接设计到用户水箱上,避免了传统传感器需要移动水箱加水的问题。传感器独立于水箱外部,中间可以间隔空气,从而确保了水位感应的精准性。分离式光电液位传感器将光学组件分离出来......
  • 【RabbitMQ】服务启动成功,无法访问localhost_15672(RabbitMQ Management)
    问题描述RabbitMQ服务已经启动成功,已经安装rabbitmq_management插件,无法访问RabbitMQManagement(http://localhost:15672/)。原因分析15672端口被MicrosoftEdge占用。解决方案打开cmd终端,输入指令:netstat-ano|findstr15672TCP127.0.0.1:8323127.0.0.1:15672......
  • C++基础总结
    1C++初识1.1第一个C++程序编写一个C++程序总共分为4个步骤创建项目创建文件编写代码运行程序1.1.1创建项目 VisualStudio是我们用来编写C++程序的主要工具,我们先将它打开1.1.2创建文件右键源文件,选择添加->新建项给C++文件起个名称,然后点击添加即可。1.1.3编写代码#include<......
  • 【转载】关于如何处理你失业后的情绪的指导
    本文节选自著名求职指导书籍《你的降落伞是什么颜色》,对找不到工作心急如焚的人同样有用。序言失业使得人们在精神上付出了沉重的代价。在最近一个研究中,研究人员访问了6000名求职者,每周采访他们,跟踪采访了两年,发现:失业时间越长的人越容易泄气;失业的时间越长,越容易悲伤,在他的......
  • REDIS安装教程
    以下是在Linux系统上安装Redis的简单步骤:步骤1:下载Redis首先,从Redis官方网站下载最新版本的Redis。你可以在 https://redis.io/download 页面找到下载链接。步骤2:解压文件在Linux终端中,使用以下命令将下载的Redis压缩文件解压缩:tarxvzfredis-x.y.z.tar.gz(x.y.z是Redis的版......
  • 【js】【统计次数】静态页面访问次数 js页面请求次数统计
    ​效果: 源码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>静态页面访问量统计</title></head><body><scripttype="text/javascript">varpgcoun......