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

说明:

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

实测如图

相关推荐
2501_9160074718 分钟前
Charles中文版抓包工具使用指南 提高API调试和网络优化效率
android·ios·小程序·https·uni-app·iphone·webview
weixin_lynhgworld4 小时前
剧本杀小程序系统开发:推动社交娱乐产业创新发展
小程序·娱乐
Rudon滨海渔村5 小时前
[失败记录] 使用HBuilderX创建的uniapp vue3项目添加tailwindcss3的完整过程
css·uni-app·tailwindcss
chenburong20215 小时前
uniapp-vue2导航栏全局自动下拉变色
vue.js·uni-app
七七软件开发7 小时前
无人共享 app 系统架构分析
java·python·小程序·系统架构·php
云起SAAS9 小时前
躺平发育小游戏微信抖音流量主小程序开源
小程序·躺平发育小游戏微信抖音流
胡斌附体9 小时前
小程序省市级联组件使用
前端·javascript·小程序·uniapp·picker级联组件
jaqi.l11 小时前
uni-app vue3 小程序接入 aliyun-rtc-wx-sdk
小程序·uni-app·实时音视频
weixin_1772972206920 小时前
短剧小程序系统开发:技术驱动下的内容创新之路
小程序·语音交友