随手记:小程序体积超出2M包大小如何优化

小程序的包体积限制是2M,超出包大小如何优化
先简单列出,最近比较忙,后续优化明细,有着急的先留言踢我

1.分包

留几个主要的页面体积小的,剩下的在page.json中拆到subpackages中,简单举个例子

"pages": [ //pages数组中第一项表示应用启动页,参考https://uniapp.dcloud.io/collocation/pages{"path": "pages/home/index","style": {"navigationBarTitleText": "","enablePullDownRefresh": true}},{"path": "pages/shoppingCart/index","style": {"navigationBarTitleText": "购物车","enablePullDownRefresh": true}},{"path": "pages/user/index","style": {"navigationBarTitleText": "我的"}},],"subpackages": [// 订单相关{"root": "pages/order","pages": [{"path": "index","style": {"navigationBarTitleText": "订单"}},{"path": "refund","style": {"navigationBarTitleText": "申请退款"}},{"path": "drugs/detail","style": {"navigationBarTitleText": "订单详情"}},{"path": "afterSale","style": {"navigationBarTitleText": "查看售后"}},{"path": "consultation/detail","style": {"navigationBarTitleText": "订单详情"}},{"path": "servicePack/detail","style": {"navigationBarTitleText": "订单详情"}},{"path": "drugsAfter/chooseType","style": {"navigationBarTitleText": "选择售后类型"}},{"path": "drugsAfter/chooseShop","style": {"navigationBarTitleText": "选择售后货物"}},{"path": "drugsAfter/submitRefund","style": {"navigationBarTitleText": "提交售后"}},{"path": "drugsAfter/trackNumber","style": {"navigationBarTitleText": "填写快递单号"}},{"path": "drugsAfter/afterInfo","style": {"navigationBarTitleText": "售后详情"}},{"path": "drugsAfter/negotiationRecord","style": {"navigationBarTitleText": "协商记录"}}]},],


2.图片放到服务器

将图片放到服务器当中,应当同步所有环境,并且最好自己再备份一个文件夹存储图片,用于服务器出现问题时,图片不会丢失,代码中用环境变量拼接路径

代码不完全,只截取其中一部分仅供思路参考!!

定义环境变量

存放在状态管理器里

对应使用页面:

服务器创建对应的文件夹,通过final-shell或者其他的传上去

3.大功能需求内嵌H5(但分享会收到影响)

这个思路是小程序中某个按钮或者图标,跳转直接打开webview。里面就放着你H5页面的代码
4.代码压缩设置

1.运行代码时选择压缩代码

开发者工具打包之前勾选压缩设置


5.删除多余代码
删除注释代码,还有其他不使用的页面和代码,也是可以提升性能,虽然只有一点点提升

如果对你有帮助,请点赞收藏哦~~


http://www.ppmy.cn/devtools/107654.html

相关文章

【大数据】Canal实现MySQL数据增量同步至Kafka:原理与配置解析

文章目录 一、引言:Canal简介二、数据提取原理:Binlog与Canal的协同工作1. Binlog简介2. Canal工作原理 三、Canal配置解析:搭建MySQL到Kafka的数据桥梁1. MySQL配置(1)开启Binlog:(2&#xff0…

【Ubuntu20.04】配置深度学习环境

参考 Ubuntu20.04配置深度学习环境(全网最细最全) NVIDIA显卡驱动安装安装CUDA 通过终端nvidia-smi查看自己能安装的最高CUDA版本,在官方网址下载需要的版本。安装cuDNN 在官方网址选择适配于自己安装的CUDA版本的cuDNN安装Anaconda &#x…

【Tools】计算机视觉(CV)技术的优势和挑战。

我们从不正视那个问题 那一些是非题 总让人伤透脑筋 我会期待 爱盛开那一个黎明 一定会有美丽的爱情 🎵 范玮琪《是非题》 计算机视觉(CV)技术是一种模拟人类视觉系统的能力,通过使用计算机算法和图像处理技…

Docker(完整实验版)

目录 一 Docker 1.1 Docker简介 1.1.1 什么是docker? 1.1.2 docker在企业中的应用场景 1.1.3 docker与虚拟化的对比 1.1.4 docker的优势 1.2 部署docker 1.2.1 配置软件仓库 二 Docker的基本操作 2.1 Docker镜像管理 2.1.1 搜索镜像 2.1.2 拉取镜像 2…

Nginx: 缓存, 不缓存特定内容和缓存失效降低上游压力策略及其配置示例

概述 在负载均衡的过程中,有一个比较重要的概念,就是缓存利用缓存可以很好协调Nginx在客户端和上游服务器之间的速度不匹配的矛盾从而很好的解决整体系统的响应速度 如果用户需要通过Nginx获取某一些内容的时候,发起一个request请求这个请求…

WS2812B驱动

#include "stm32f10x.h" #include "TIM2.h" #include "DMA1.h"//#define WS2812B_LED_QUANTITY 32 //灯珠数量 #define WS2812B_LED_QUANTITY 12 //灯珠数量//定义数组 类型符 数组名[常量] uint32_t WS2812B_Buf[WS2812B_LED_QUANTITY]; //0xG…

BUUCTF—[网鼎杯 2020 朱雀组]phpweb

题解 打开题目是这样子的。 啥也不管抓个包看看,从它返回的信息判断出func后面的是要调用的函数,p后面的是要执行的内容。 那我们直接执行个系统命令看看,可以看到返回了hack,估计是做了过滤。 funcsystem&pls 直接读取源码…

VSCOD常用扩展库

以下是一些常用的 Visual Studio Code 扩展库。 ESLint:用于 JavaScript 和 TypeScript 的静态代码分析工具,帮助发现和修复代码错误和风格问题。 Prettier:用于自动格式化代码的工具,支持多种编程语言。 GitLens:为…

django外键表查询

Django外键(ForeignKey)操作以及related_name的作用-CSDN博客 django模型中外键操作_django的model的contain外键-CSDN博客 通过基本表可以查外键表 删基本表可以删外键表

Centos 7.9 安装 FastAdmin

Centos安装脚本(无docker版本)(小皮面板) yum install -y wget && wget -O install.sh https://notdocker.xp.cn/install.sh && sh install.sh 参考: https://bbs.huaweicloud.com/blogs/332760 FastAdmin https://www.fastadmin.net/download.html…

类型 编程语言

探究技术的本质,追寻技术的乐趣!如题,今天我们来聊聊类型,这里的类型需要限定范围,特指编程语言中的类型。如果要给众多编程语言按照类型来分类的话,可以分为两类,一类是静态类型的语言&#xf…

springweb获取请求数据、spring中拦截器

SpringWeb获取请求数据 springWeb支持多种类型的请求参数进行封装 1、使用HttpServletRequest对象接收 PostMapping(path "/login")//post请求//spring自动注入public String login(HttpServletRequest request){ System.out.println(request.getParameter("…

如何在Mac电脑上本地部署Stable Diffusion:详细教程(webUI)

Stable Diffusion是一款强大的AI生成图像模型,它可以基于文本描述生成高质量的图像。对于想要在本地运行此模型的用户来说,使用Mac电脑部署Stable Diffusion是一个非常吸引人的选择,特别是对于M1或M2芯片的用户。本文将详细介绍如何在Mac上本…

开源模型应用落地-qwen2-7b-instruct-LoRA微调-ms-swift-单机多卡-RTX 4090双卡(十四)

一、前言 本篇文章将使用ms-swift去高效微调QWen2系列模型,通过阅读本文,您将能够更好地掌握这些关键技术,理解其中的关键技术要点,并应用于自己的项目中。 二、术语介绍 2.1. LoRA微调 LoRA (Low-Rank Adaptation) 用于微调大型语言模型 (LLM)。 是一种有效的自适应策略…

【代码随想录|图论part03之后】

代码随想录|数组 704. 二分查找,27. 移除元素 一、part031、101. 孤岛的总面积1.1 dfs版本1.2 BFS版本2.102. 沉没孤岛3、103. 水流问题4、104.建造最大岛屿二、part041、110. 字符串接龙2、105.有向图的完全可达性3、106. 岛屿的周长三、part05-06 并查集理论1、107. 寻找存在…

yocto | 基于Linux的定制系统跑Qt app(第三集)yocto任务与语法

点击上方"蓝字"关注我们 yocto | 基于Linux的定制系统跑Qt app(第一集)yocto | 基于Linux的定制系统跑Qt app(第二集)bitbake工作流程 01、任务 >>> 【空任务】 如果不想使用某个任务可以在配方文件将任务定义为空,比如将do_install任务定义为…

Qt Creator 配置pcl1.14.1

1.安装pcl1.14.1 地址:Releases PointCloudLibrary/pcl (github.com) 下载前两个 下载完成后双击exe文件,修改一下安装路径,然后一路下一步。 OpenNI2 默认安装到C:\Program Files 下了,想修改OpenNI2 的安装路径,可…

腾讯云Linux服务器运维,安装JDK、rabbitmq、nginx、Redis、ClickHouse

🌹作者主页:青花锁 🌹简介:Java领域优质创作者🏆、Java微服务架构公号作者😄 🌹简历模板、学习资料、面试题库、技术互助 🌹文末获取联系方式 📝 CODING 代码托管目录 1、…

vue在生产环境和测试环境去掉 console 打印日志 只保留 “error“、 “warn“

vue在生产环境和测试环境去掉 console 打印日志 只保留 “error”、 “warn” 文章目录 vue在生产环境和测试环境去掉 console 打印日志 只保留 "error"、 "warn"一、安装插件二、babel.config.js配置 一、安装插件 npm install babel-plugin-transform-r…

浅谈C# 抽象类和抽象方法

一、基本介绍 抽象类和抽象方法是面向对象编程中实现代码重用和多态性的重要工具。抽象类是一种不能被实例化的类,它通常包含至少一个抽象方法。抽象方法是一种没有实现体的方法,它必须在派生类中被重写和实现。 抽象类 抽象类使用 abstract 关键字定义…