qiankun使用unocss 子应用切换样式丢失

Vite子应用,使用unocss官网默认的vite安装方式,在两个使用Vite+Unocss的子应用来回切换时,总有一个子应用的样式会混乱。 经过仔细观察,这两个子应用都引用了同一个样式表/_uno.css,切来切去的时候,第二个覆盖第一个的_uno.css,而其他样式都是缓存到了本地,不存在这个问题。

第一个想法是个uno的样式表改名,但是没有找到解决方法 qiankun上有人提了关于styled component样式混乱的issue,但是好像是react的解决方案,大概知道了算是qiankun的缺陷,但是并不能解决现在的问题。

最终解决方案 使用postcss方式引入uno,可以了,两个应用的Unocss样式都被注入到各自的样式表,并且和其他样式表一样缓存到本地,不会产生覆盖的问题。

相关推荐
行云流水62610 分钟前
uniapp pinia实现数据持久化插件
前端·javascript·uni-app
zhangyao94033018 分钟前
uniapp动态修改 顶部导航栏标题和右侧按钮权限显示隐藏
前端·javascript·uni-app
福尔摩斯张2 小时前
Axios源码深度解析:前端请求库设计精髓
c语言·开发语言·前端·数据结构·游戏·排序算法
李牧九丶3 小时前
从零学算法1334
前端·算法
周周爱喝粥呀3 小时前
UI设计原则和Nielsen 的 10 条可用性原则
前端·ui
小云朵爱编程3 小时前
Vue项目Iconify的使用以及自定义图标,封装图标选择器
前端·javascript·vue.js
前端大卫3 小时前
CSS 属性值 initial、unset 和 revert 的解析
前端
shimh_凉茶4 小时前
webpack+vue2打包分析视图插件 webpack-bundle-analyzer
前端·webpack·node.js
P***25394 小时前
JavaScript部署
开发语言·前端·javascript
一只小阿乐4 小时前
react 状态管理mobx中的行为模式
前端·javascript·react.js·mobx·vue开发·react开发