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

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

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

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

相关推荐
利刃大大8 分钟前
【Vue】自定义指令directives && 指令钩子 && IntersectionObserver
前端·javascript·vue.js
共享家95276 小时前
搭建 AI 聊天机器人:”我的人生我做主“
前端·javascript·css·python·pycharm·html·状态模式
Halo_tjn8 小时前
基于封装的专项 知识点
java·前端·python·算法
m0_7482299910 小时前
Vue2 vs Vue3:核心差异全解析
前端·javascript·vue.js
C澒10 小时前
前端监控系统的最佳实践
前端·安全·运维开发
xiaoxue..10 小时前
React 手写实现的 KeepAlive 组件
前端·javascript·react.js·面试
hhy_smile11 小时前
Class in Python
java·前端·python
小邓吖11 小时前
自己做了一个工具网站
前端·分布式·后端·中间件·架构·golang
南风知我意95711 小时前
【前端面试2】基础面试(杂项)
前端·面试·职场和发展
LJianK112 小时前
BUG: Uncaught Error: [DecimalError] Invalid argument: .0
前端