乾坤: 微前端项目切换时样式闪动(从无样式变为正常样式需要等 css chunk 文件加载完成, 加载延时受网速影响)

背景:

点击基座项目页面左侧目录, 进入微前端子项目页面, 会有短暂的样式未加载效果一闪而过, 造成页面闪烁或更严重的其他样式错位问题

定位:

同事查了 qiankun git 项目的 issue: https://github.com/umijs/qiankun/issues/219 , 找到解决方案

解决:

项目 webpack 打包配置(以 Vue.config.js 为例), css 配置里, 设置 extract: false (不使用 ExtractTextPlugin)

相关推荐
iamlujingtao1 分钟前
js多边形算法:获取多边形中心点,且必定在多边形内部
javascript·算法
嘉琪0014 分钟前
实现视频实时马赛克
linux·前端·javascript
烛阴30 分钟前
Smoothstep
前端·webgl
若梦plus1 小时前
Eslint中微内核&插件化思想的应用
前端·eslint
爱分享的程序员1 小时前
前端面试专栏-前沿技术:30.跨端开发技术(React Native、Flutter)
前端·javascript·面试
超级土豆粉1 小时前
Taro 位置相关 API 介绍
前端·javascript·react.js·taro
若梦plus1 小时前
Webpack中微内核&插件化思想的应用
前端·webpack
若梦plus1 小时前
微内核&插件化设计思想
前端
柯北(jvxiao)1 小时前
搞前端还有出路吗?如果有,在哪里?
前端·程序人生
90后的晨仔1 小时前
条件渲染:从传统原生到 Vue 的进化之路
前端·vue.js