V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
devilte

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

  •  
  •   devilte · Jul 4, 2022 · 1508 views
    This topic created in 1406 days ago, the information mentioned may be changed or developed.

    两个项目都是用的 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 replies    2022-07-04 18:23:08 +08:00
    dabaoziwy
        1
    dabaoziwy  
       Jul 4, 2022
    试试 qiankun
    devilte
        2
    devilte  
    OP
       Jul 4, 2022
    @dabaoziwy emmm 直接架构都改了,这比修改命名空间成本还要大吧
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3060 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 12:57 · PVG 20:57 · LAX 05:57 · JFK 08:57
    ♥ Do have faith in what you're doing.