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

说明:

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

实测如图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

栈狮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值