当前位置: 首页 > news >正文

Uniapp+UView+Uni-star打包小程序极简方案

一、减少主包体积

主包污染源(全局文件依赖)劲量独立导入

  1. components
  2. static
  3. main.js
  4. App.vue
  5. uni.css
分包配置缺陷,未配置manifest.json中mp-weixin节点
 "usingComponents" : true,"lazyCodeLoading" : "requiredComponents","optimization" : {"subPackages" : true},

启用分包-pages.json配置subPackages

代码瘦身

  1. 删除uni-star中不重要功能,列如邮箱登录,web-view,实名,等不相关的模块
  2. 清理不相关或者无用的页面
  3. 页面动态加载策略,组件懒加载

资源瘦身

  1. 删除组件中含有static的静态目录,静态文件如果图标图片用网络连接代替,可放云文件或者cdn
  2. 必要的静态资源使用`imagemin`压缩:`npx imagemin src/**/*.png --out-dir dist` - WebP格式转换:`cwebp input.png -o output.webp` - 雪碧图合并:通过`css-sprite`工具生成
  3. 字体文件处理, 使用`fontmin`工具精简字体文件 - 仅保留常用字符集

说明:

开发期间多观察资源视图,观察依赖资源,若分包文件被打到主包,观察是否有被其他包依赖,多依赖文件属于公共文件

实测如图

相关文章:

  • 设计模式-装饰模式
  • Day05
  • 深度解析 Dockerfile 配置:构建高效轻量的FastAPI 应用镜像
  • Docker Desktop无法在windows低版本进行安装
  • JS逆向 QQ音乐sign签名|webpack实战 (上)
  • RocksDB
  • 对比RFX2401C:AT2401C功率放大器的性价比与PIN兼容方案
  • 2025年5月AI科技领域周报(5.19-5.25):大模型多模态突破 具身智能开启机器人新纪元
  • qt ubuntu 20.04 交叉编译
  • jq checked选中触发事件
  • 代码输出题:异步事件循环
  • 梯形面积计算shell脚本
  • Java设计模式之设计原则
  • 深入解析 Spring @Transactional 的事务开启机制
  • 【计算机网络】第1章:概述—分组延时、丢失和吞吐量
  • BugKu Web渗透之矛盾
  • 电脑长期不关机会怎样?
  • HarmonyOS 5 应用开发导读:从入门到实践
  • CloudCompare|点测量功能源码分析
  • ABP VNext + CRDT 打造实时协同编辑
  • 个人购物网站需要备案吗/投广告哪个平台好
  • yy直播是个什么样的平台/站长之家 seo查询
  • 网站数据模板/seo查询工具
  • 网站服务器诊断/关键词挖掘站长工具
  • 创业做网站需要哪些必备条件/免费站推广网站在线
  • 旅游网站开发的目的/什么叫软文推广