乾坤（微前端）⽗⼦样式隔离终极解决⽅案——替换插件前缀
产⽣背景
1. 基座应⽤采⽤vue2、element-ui
2. ⼦应⽤采⽤vue3、element-plus
因为element-ui和element-plus前缀相同、命名规则相同，但内部html结构发⽣变化，从⽽导致⼦应⽤element-plus的样式会被污染。
解决⽅案
1. 笔者之前也有写过使⽤post-css的解决⽅案，但还存在未解决的问题，有兴趣的同学可以去看⼀下，
2. 写⼀个webpack loader替换element-ui class前缀，写⼀个postcss plugin替换样式前缀，可以算得上是终极⽅案了，具体使⽤可以
看相应⽂档。
1.
2.
效果图
vue element admin

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。