两个有引用关系的项目如何做组件库隔离？

[devilte]

两个项目都是用的 Vue3.x 、Element-Plus和Vite.js。 不同的是组件库： 项目 A 用的是Element-Plus@2.2.8, 项目 B 使用的是Element-Plus@1.1.0-beta.24。

现在项目 A 直接导入项目 B 打包出来的dist文件

// projectA/src/main.ts

import '../projectB/dist/style.css'

因此项目中就有了两个版本的'Element-plus'样式。 导致输入框有两个边框。

那么针对这种两个项目使用不同版本组件库的问题，怎么做隔离？

看到一个使用Element-Plus的'自定义命名空间' 的方案，这种方案对项目 A 改动较大，想看看有没有办法从打包的层面或者改项目 B 的方式来解决呢？

[dabaoziwy]

试试 qiankun

[devilte]

@dabaoziwy emmm 直接架构都改了，这比修改命名空间成本还要大吧