记录:uniapp 上线部署到微信小程序vendorjs包过大的问题

问题:

在代码依赖分析图中,可以看到主包的容量已经超过了2M了,分包没有超!

根据网上的资料的解决方案,当前我已经做了以下相关的配置:

1.分包

2.配置了subPackages:true

复制代码
"optimization" : {
    "subPackages" : true
}

3.自定义组件,也放到了子包中

4.静态资源也分包了

  1. 在uniapp的官方文档中给出解决方案也配置了

地址:uni-app官网

以上五个解决方案都做了,问题还是没有解决

我的解决方案:

由于之前配置了在h5端使用echarts图表,我就引入所有的echarts组件,并在main.js文件中引入了,但是我是引用在子包的,主包并没有使用echarts,所以导致了一直没有起到效果

main.js

javascript 复制代码
import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts

子包的 vue文件中引入

javascript 复制代码
import * as echarts from 'echarts'

重新打包后的依赖图

上传到微信小程序平台,符合平台的要求

相关推荐
2501_9159214319 小时前
详细教程:使用Perfdog工具测量iOS应用的功耗性能与优化方法
android·macos·ios·小程序·uni-app·cocoa·iphone
梦曦i20 小时前
uni-app、uni-app x 与 Flutter 深度对比:2026年跨平台开发框架选型指南
flutter·uni-app·uni-app x
普马萨特2 天前
uni-app x 定位踩坑实录:H5/小程序/App 统一经纬度与逆地理编码
uni-app
Geek_Vison2 天前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
郑州光合科技余经理3 天前
本地生活平台搭建:跨业态用户标识怎么贯通
java·开发语言·前端·后端·uni-app·php·ai编程
2501_915909064 天前
iOS应用从开发到上架App Store的完整发布流程与步骤指南
android·ios·小程序·https·uni-app·webview
不爱说话郭德纲4 天前
从“点点点”到一键出包:我把 uni-app x Android 离线打包做成了脚本
android·前端·uni-app
snotJam4 天前
关于Uniapp的Android自定义基座使用
android·uni-app
今年下半年5 天前
【微信小程序】uni-app + Vue3 + Vite 的小程序项目实现「进入指定范围才能打卡」的考勤功能
微信小程序·uni-app·定位·考勤
郑州光合科技余经理8 天前
海外版外卖加盟:总站与分站配送规则怎么分开管
java·开发语言·前端·后端·uni-app·php·ai编程