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

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

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

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

相关推荐
半世轮回半世寻2 分钟前
前端开发里最常用的5种本地存储
前端·javascript
OpenTiny社区4 分钟前
TinyPro v1.4.0 正式发布:支持 Spring Boot、移动端适配、新增卡片列表和高级表单页面
java·前端·spring boot·后端·开源·opentiny
爱上妖精的尾巴7 分钟前
7-9 WPS JS宏 对象使用实例6:按条件读取多表再拆成多表
前端·javascript·wps·jsa
有意义8 分钟前
现代 React 路由实践指南
前端·vue.js·react.js
三木檾8 分钟前
Cookie 原理详解:Domain / Path / SameSite 一步错,生产环境直接翻车
前端·浏览器
开始学java9 分钟前
踩坑实录:把 useRef 写进 JSX 后,我终于分清它和 useState 的核心差异
前端
二DUAN帝9 分钟前
像素流与UE通信
前端·javascript·css·ue5·html·ue4·html5
1024小神9 分钟前
cloudflare+hono框架实现jwtToken认证,并从token中拿到认证信息
前端
jinmo_C++11 分钟前
从零开始学前端 · HTML 基础篇(二):常用文本标签与排版基础
前端·html
2501_9447114316 分钟前
A2UI : 以动态 UI 代替 LLM 文本输出的方案
开发语言·前端·ui