lishaobos/vite-plugin-legacy-qiankun

没有做到基座和子应用的css样式隔离呀

Opened this issue · 3 comments

在你的示例代码, 开发环境我在main/App.vue 上加了
.container {
color: green;
border: 1px solid;
}

子应用也有这个样式, build打包后也是一样

qiankun 的隔离分两种,一种是 shadowdom,一种是类似 vue 的 css scoped,前一种因为 shadowdom 特性哪怕都有 container 类名也不会相互作用,但是也有其他要解决的问题。具体可以参考 qiankun 官网

你想要的这种类名不一样的效果 qiankun 是给不了的,你可以使用 css model 等方案把主应用的类名变得特殊。

yizixu commented

额,qiankun本身就没有主子应用的样式隔离

额,qiankun本身就没有主子应用的样式隔离

https://qiankun.umijs.org/zh/api#startopts

image