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

一、减少主包体积

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

  1. components
  2. static
  3. main.js
  4. App.vue
  5. uni.css
分包配置缺陷,未配置manifest.json中mp-weixin节点
bash 复制代码
 "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`工具精简字体文件 - 仅保留常用字符集

说明:

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

实测如图

相关推荐
万岳科技3 小时前
教育培训小程序如何构建线上线下一体化教学体系
小程序·apache
全职计算机毕业设计4 小时前
智慧仓储出入库小程序+后台管理系统 —— 全流程数字化资产管控平台
小程序
万岳软件开发小城6 小时前
2026在线教育系统源码搭建指南,支持APP+H5+小程序
小程序·在线教育系统源码·教育app开发·教育小程序开发·教育网校平台搭建
万岳科技系统开发9 小时前
教育培训小程序搭建实战:打造一体化教学服务平台
小程序
一秒公司9 小时前
网站、小程序与APP备案流程及周期详解(2026版)
小程序
it-102411 小时前
微信小程序短视频去水印/抖音短视频去水印/免费去水印源码
微信小程序·小程序·视频去水印
xshirleyl11 小时前
uniapp小兔鲜儿day3
uni-app
Geek_Vison1 天前
2026 跨端框架横评:FinClip、Taro、uni-app、Remax、mPaaS 五款工具技术+业务双维度测评
小程序·uni-app·taro·mpaas·小程序容器
kidding7231 天前
高效备忘清单工具类小程序
前端·计算机网络·微信小程序·小程序
黄华SJ520it1 天前
二二复制公排模式小程序开发全解析
小程序