Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题

一、 Vue3 主包过大

参考官方接入步骤操作:https://cloud.tencent.com/document/product/647/78760#init

将 TUICallKit 使用分包集成之后,主包中的 vendor,js 会变得非常大,这也是目前遇到的痛点问题。这是因为 uniapp 打包小程序在 Vue2 和 Vue3 上打包机制存在差异。

Vue2 使用 webpack 打包,独立分包中都会有单独的 vendor,js 不存在包体积问题。 Vue3 使用 vite

打包,分包中的依赖会被打入主包中,造成主包体积过大问题。

参考官网TUICallKit 小程序包体积优化方案:https://cloud.tencent.com/developer/article/2352663

操作后主包的vendor.js依旧很大。没有找到解决方案。

vite.config.js

ts 复制代码
import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [uni()],
  optimizeDeps: {
    include: ["tuicall-engine-wx",'@tencentcloud/tui-core'],
  },
  build: {
    rollupOptions: {
      external: ["tuicall-engine-wx",'@tencentcloud/tui-core'],
    },
  },
});


没有找到解决方案,改用vue2了。vue2分包不占用主包体积。

二、github代码下载不完整,上码云

https://gitee.com/tencent-cloud-uikit/TUICallKit/tree/main/uni-app/TUICallKit-Miniprogram/TUICallKit-Vue3

相关推荐
橘猫云计算机设计9 小时前
springboot-基于Web企业短信息发送系统(源码+lw+部署文档+讲解),源码可白嫖!
java·前端·数据库·spring boot·后端·小程序·毕业设计
跨时代科技17 小时前
洗车小程序系统前端uniapp 后台thinkphp
小程序
anyup17 小时前
uni-app 蓝牙打印:实现数据分片传输机制
前端·uni-app·trae
fakaifa20 小时前
【最新版】沃德代驾源码全开源+前端uniapp
前端·小程序·uni-app·开源·php·沃德代驾·代驾小程序
18538162800余。1 天前
NFC 碰一碰实现视频源码,网页与小程序协同
小程序
Monly211 天前
Uniapp:navigator(页面跳转)
uni-app
码起来呗2 天前
基于微信小程序的走失儿童帮助系统-项目分享
微信小程序·小程序
大樊子2 天前
微信小程序路由跳转实现详解
微信小程序·小程序
Monly212 天前
Uniapp:swiper(滑块视图容器)
uni-app
七七小报2 天前
uniapp-商城-32-shop 我的订单-订单详情和组件goods-list
uni-app