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

相关推荐
weixin_lynhgworld19 小时前
淘宝扭蛋机小程序的社交化运营策略
大数据·小程序·扭蛋机
青衫旧故20 小时前
Uniapp Vue2 Vue3常量保存及调用
前端·javascript·vue.js·uni-app
低代码布道师21 小时前
少儿舞蹈小程序(20):手机号登录与多角色注册
低代码·小程序
说私域21 小时前
基于开源AI智能名片的S2B2C商城小程序中搜索联想功能的优化策略研究
人工智能·小程序
2501_916007471 天前
iOS 混淆与团队协作,研发、安全、运维、测试如何在加固流程中高效配合(iOS 混淆、ipa 加固、协作治理)
android·ios·小程序·https·uni-app·iphone·webview
2501_916008892 天前
iOS 不上架怎么安装?多种应用分发方式解析,ipa 文件安装、企业签名、Ad Hoc 与 TestFlight 实战经验
android·macos·ios·小程序·uni-app·cocoa·iphone
卷Java2 天前
uni-app 模板语法修复说明
java·数据库·spring boot·uni-app·mybatis
iOS阿玮2 天前
国庆假期 iOS 开发者守好邮箱 “防线”,严防恶意投诉避免产品下架
uni-app·app·apple
CRMEB定制开发2 天前
PHP多商户接入阿里云识图找商品
android·阿里云·小程序·php·商城系统·微信商城·crmeb
00后程序员张2 天前
iOS App 混淆实战,在源码不可用情况下的成品加固与测试流程
android·ios·小程序·https·uni-app·iphone·webview