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
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代码下载不完整，上码云
邀请您加入社区
更多推荐
5
0- 0
已为社区贡献1条内容
所有评论(0)