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

重新打包后的依赖图

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

相关推荐
郑州光合科技余经理1 小时前
可独立部署的Java同城O2O系统架构:技术落地
java·开发语言·前端·后端·小程序·系统架构·uni-app
雪芽蓝域zzs1 小时前
uniapp 取消滚动条
uni-app
2401_865854883 小时前
Uniapp和Flutter哪个更适合企业级开发?
flutter·uni-app
雪芽蓝域zzs3 小时前
uniapp 省市区三级联动
前端·javascript·uni-app
总爱写点小BUG3 小时前
UniApp 图标方案终极排坑:告别 FontClass,拥抱真 SVG 组件化
前端框架·uni-app
Rysxt_1 天前
UniApp获取安卓系统权限教程
android·uni-app
木子啊1 天前
ProCamera 智能水印相机解决方案 (UniApp)
数码相机·uni-app·水印相机·小程序水印
木子啊1 天前
Uni-app跨页面通信三剑客
前端·uni-app·传参
Rysxt_2 天前
UniApp五大UI框架与uni-ui核心区别对比
uni-app·uni-ui
2501_915918412 天前
HTTPS 代理失效,启用双向认证(mTLS)的 iOS 应用网络怎么抓包调试
android·网络·ios·小程序·https·uni-app·iphone