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

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`工具精简字体文件 - 仅保留常用字符集

说明:

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

实测如图

http://www.xdnf.cn/news/9464.html

相关文章:

  • 【Fifty Project - D32】
  • 工业5.0视域下的医疗AI行业未来发展方向研究
  • TCXO温度补偿振荡器的概述和补偿方法
  • WES(二)——数据预处理
  • 前端使用 spark-md5 实现大文件切片上传
  • 68元开发板,开启智能硬件新篇章——明远智睿SSD2351深度解析
  • 黑马程序员C++核心编程笔记--3 函数高级
  • 技术视界 | 打造“有脑有身”的机器人:ABC大脑架构深度解析(下)
  • android-studio-2024.3.2.14如何用WIFI连接到手机(给数据线说 拜拜!)
  • git push Git远端意外挂断
  • 代码随想录算法训练营第60期第五十天打卡
  • LVS的DR模式部署
  • C++23:std::print和std::println格式化输出新体验
  • 沉浸式 VR 汽车之旅:汽车虚拟展厅与震撼试驾体验
  • Python编程8——面向对象编程3
  • 前端面经 React 组件常见的声明方式
  • 从零开始搞个简易分布式部署环境
  • 封装一个小程序选择器(可多选、单选、搜索)
  • 使用 Syncfusion 在 .NET 8 中生成 PDF/DOC/XLS/PPT
  • IPMI SOL (Serial over LAN) 排错与配置手册
  • DNS解析过程以及使用的协议名称
  • Redis击穿,穿透和雪崩详解以及解决方案
  • 睡眠分期 html
  • ArcGIS Pro裁剪影像
  • 4.8.4 利用Spark SQL实现分组排行榜
  • 油桃TV v20250519 一款电视端应用网站聚合TV播放器 支持安卓4.1
  • 苍茫命令行:linux模拟实现,书写微型bash
  • 项目代码工程优化之concurrent.futures异步编程(二)
  • 加密协议知多少
  • 【前端】PWA