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

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

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

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

相关推荐
念念不忘 必有回响6 分钟前
码云流水线前端资源传输至目标服务器
运维·服务器·前端
我是伪码农13 分钟前
Vue 2.2
前端·javascript·vue.js
时光追逐者34 分钟前
一个基于 .NET + Vue 实现的通用权限管理平台(RBAC模式),前后端分离模式,开箱即用!
前端·vue.js·c#·.net·.net core
Aotman_36 分钟前
Vue el-table 表尾合计行
前端·javascript·vue.js·elementui·前端框架·ecmascript
静小谢43 分钟前
vue3实现语言切换vue-i18n
前端·javascript·vue.js
东东5161 小时前
资产管理信息系统ssm+vue
前端·javascript·vue.js
森爱。1 小时前
web开发全家桶(django+前端+数据库)
前端·python·django
骆驼爱记录1 小时前
Word侧边页码设置全攻略
前端·自动化·word·excel·wps·新人首发
方安乐1 小时前
react笔记之useCallback/useEffect闭包陷阱
前端·笔记·react.js
沐墨染1 小时前
黑词分析前端组件设计:双面板交互与黑词进度监控
前端