V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
devilte
V2EX  ›  前端开发

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

  •  
  •   devilte · 2022-07-04 17:18:10 +08:00 · 1085 次点击
    这是一个创建于 910 天前的主题,其中的信息可能已经有所发展或是发生改变。

    两个项目都是用的 Vue3.xElement-PlusVite.js。 不同的是组件库: 项目 A 用的是[email protected], 项目 B 使用的是[email protected]

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

    // projectA/src/main.ts
    
    import '../projectB/dist/style.css'
    

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

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

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

    2 条回复    2022-07-04 18:23:08 +08:00
    dabaoziwy
        1
    dabaoziwy  
       2022-07-04 18:04:29 +08:00
    试试 qiankun
    devilte
        2
    devilte  
    OP
       2022-07-04 18:23:08 +08:00
    @dabaoziwy emmm 直接架构都改了,这比修改命名空间成本还要大吧
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1007 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 21:30 · PVG 05:30 · LAX 13:30 · JFK 16:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.