qiankun子应用
第一次加载,js文件有defer属性,js文件先下载,等页面onload后执行js文件,css文件在js文件之前执行
再次加载,css和js文件有缓存,直接返回304状态码,不会触发onload事件,js和css同时加载执行,js可能在css之前加载完,导致没有样式,出现短暂的结构错乱问题
解决办法就是将css打包到js中,这样能保证css先执行,不用单独打包出css文件
代码配置,在vue.config.js中,加上配置, 将css打包进js中
css: {
extract: false,
...
},
vue-cli配置链接:https://cli.vuejs.org/zh/config/#css-extract
qiankun切换子应用样式会有短暂错乱的问题
最新推荐文章于 2024-08-08 18:09:33 发布