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

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

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

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

相关推荐
有味道的男人12 小时前
1688 跨境 API:多语言、跨境代采、独立站商品同步方案
java·服务器·前端
索西引擎12 小时前
【实战】Changesets:Monorepo 版本管理与变更日志的实践
前端
Highcharts.js12 小时前
AI向量知识谱系图表创建示例代码|Highcharts网络图表(networkgraph)搭建案例
开发语言·前端·javascript·网络·信息可视化·编辑器·highcharts
zhangxingchao12 小时前
AI应用开发五:RAG高级技术与调优
前端·人工智能·后端
KaMeidebaby12 小时前
卡梅德生物技术快报|单 B 细胞抗体技术:全犬源单抗制备流程、关键参数与性能验证
前端·数据库·其他·百度·新浪微博
hazel13 小时前
网络与工程化
前端
甜味弥漫13 小时前
一篇文章搞懂CSS中的定位布局
前端
A南方故人13 小时前
vue3常用指令以及注册
前端·javascript·vue.js
AeahKa13 小时前
ztree 依赖问题解决记录
前端·webpack
子兮曰13 小时前
AI Coding 为什么全选了 TUI?从 Claude Code 到 Codex CLI,终端架构的底层逻辑
前端·后端·ai编程