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

重新打包后的依赖图

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

相关推荐
5335ld29 分钟前
uniapp-APP端table列表左侧第一列固定、头部固定
windows·uni-app
一个假的前端男1 小时前
uni-app App 端长按录音的工程级实现
uni-app
无名前端小白1 小时前
uniapp 安卓离线打包, 无法调起系统安装应用
uni-app
游戏开发爱好者82 小时前
苹果 App 上架流程,结合 Xcode、CI 等常见工具
macos·ios·ci/cd·小程序·uni-app·iphone·xcode
2501_915106322 小时前
用 HBuilder 上架 iOS 应用时如何管理Bundle ID、证书与描述文件
android·ios·小程序·https·uni-app·iphone·webview
2501_915909062 小时前
资源文件混淆在 iOS 应用安全中的实际价值
android·安全·ios·小程序·uni-app·iphone·webview
2501_915918412 小时前
iOS App 性能测试中常被忽略的运行期问题
android·ios·小程序·https·uni-app·iphone·webview
毕设源码-邱学长2 小时前
【开题答辩全过程】以 基于uni-app的装修现场管理小程序设计与实现为例,包含答辩的问题和答案
uni-app
郑州光合科技余经理4 小时前
PHP构建:支撑欧美澳市场的同城生活服务平台开发
java·开发语言·数据库·uni-app·php·排序算法·生活
2501_915106321 天前
HTTP 协议详解,HTTP 协议在真实运行环境中的表现差异
网络·网络协议·http·ios·小程序·uni-app·iphone