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

说明:

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

实测如图

相关推荐
~央千澈~1 小时前
UniApp X:鸿蒙原生开发的机会与DCloud的崛起之路·优雅草卓伊凡
uni-app·uniapp
唐人街都是苦瓜脸3 小时前
uni-app 提供的页面跳转方法详细解释及其区别
前端·uni-app
疯狂的沙粒8 小时前
uniapp 开发企业微信小程序时,如何在当前页面真正销毁前或者关闭小程序前调用一个api接口
微信小程序·小程序·uni-app
山河故人1638 小时前
UniApp微信小程序自定义导航栏实现
微信小程序·uni-app·notepad++
魔术师ID9 小时前
微信小程序学习目录
学习·微信小程序·小程序
一蓑烟雨,一任平生15 小时前
在h5端实现录音发送功能(兼容内嵌微信小程序) recorder-core
微信小程序·小程序
lqj_本人16 小时前
鸿蒙OS&UniApp 制作倒计时与提醒功能#三方框架 #Uniapp
华为·uni-app·harmonyos
说私域17 小时前
多级体验体系构建:基于开源AI智能客服与AI智能名片的S2B2C商城小程序体验升级路径研究
人工智能·小程序·开源·零售
靓仔建18 小时前
uniapp调用java接口 跨域问题
java·开发语言·uni-app
^Rocky19 小时前
微信小程序(uniapp)对接腾讯云IM
微信小程序·uni-app·腾讯云