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

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

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

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

相关推荐
parade岁月2 分钟前
Tailwind CSS v4 — 当框架猜不透你的心思
前端·css
小明9134 分钟前
基于Rokid CXR-M SDK的AI饮食健康助手开发实战
前端
一枚前端小姐姐5 分钟前
低代码平台表单设计系统技术分析(实战三)
前端·vue.js·低代码
牛奶6 分钟前
ts随笔:面向对象与高级类型
前端·面试·typescript
牛奶7 分钟前
React 基础理论 & API 使用
前端·react.js·面试
大漠_w3cpluscom10 分钟前
别再死记CSS属性了!真正能让你少走半年弯路的,是这套思维
前端
兆子龙29 分钟前
用 React + Remotion 做视频:入门与 AI 驱动生成
前端·架构
SuperEugene34 分钟前
从 Vue2 到 Vue3:语法差异与迁移时最容易懵的点
前端·vue.js·面试
鼓浪屿37 分钟前
vue3:组件中,v-model的区别(新版)
前端
Leon1 小时前
新手引导 intro.js 的使用
前端·javascript·vue.js