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

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

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

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

相关推荐
elangyipi1231 分钟前
深入理解前端项目中的 package.json 和 package-lock.json
前端·json
LYFlied14 分钟前
【算法解题模板】-【回溯】----“试错式”问题解决利器
前端·数据结构·算法·leetcode·面试·职场和发展
composurext14 分钟前
录音切片上传
前端·javascript·css
程序员小寒14 分钟前
前端高频面试题:深拷贝和浅拷贝的区别?
前端·javascript·面试
狮子座的男孩20 分钟前
html+css基础:07、css2的复合选择器_伪类选择器(概念、动态伪类、结构伪类(核心)、否定伪类、UI伪类、目标伪类、语言伪类)及伪元素选择器
前端·css·经验分享·html·伪类选择器·伪元素选择器·结构伪类
zhougl99621 分钟前
Vue 中的 `render` 函数
前端·javascript·vue.js
听风吟丶22 分钟前
Spring Boot 自动配置深度解析:原理、实战与源码追踪
前端·bootstrap·html
跟着珅聪学java22 分钟前
HTML中设置<select>下拉框默认值的详细教程
开发语言·前端·javascript
IT_陈寒23 分钟前
JavaScript 性能优化:5个被低估的V8引擎技巧让你的代码提速50%
前端·人工智能·后端
想睡好29 分钟前
setup
前端·javascript·html