记录: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'

重新打包后的依赖图

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

相关推荐
温酒斟与你40 分钟前
UniApp+Vue3微信小程序二维码生成、转图片、截图保存整页
微信小程序·uni-app·vue
Bald Baby1 小时前
uniapp实现H5、APP、微信小程序播放.m3u8监控视频
微信小程序·小程序·uni-app·音视频·视频
stpzhf1 小时前
uni-app 排坑
uni-app
资深前端之路1 小时前
uniapp vue 开发微信小程序 分包梳理经验总结
uni-app
-25℃1 小时前
记一次奇葩的错误,uniapp @tap点击失效
微信小程序·uni-app
狼性书生1 小时前
uniapp实现的简约美观的票据、车票、飞机票模板
uni-app
moxiaoran57534 小时前
uni-app学习笔记八-vue3条件渲染
笔记·学习·uni-app
ewboYang5 小时前
uniapp使用sse连接后端,接收后端推过来的消息
uni-app
moxiaoran57535 小时前
uni-app学习笔记九-vue3 v-for指令
笔记·学习·uni-app