一次"愉快"的找bug 问题是解决了 但是还不太能理解 求大佬解惑!!!?-灵析社区

脑洞大咖

一次"愉快"的找bug 问题是解决了 但是还不太能理解 求大佬解惑!!!? ![企业微信截图_17016750961423.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/c3d369614728246e2da83d320cae129e.png) 如图 uat环境 这个toast的背景色样式被popup的样式覆盖了 (还有个图片预览 点开也是背景色白底 被popup样式影响) 明显看到popup的样式文件有两个 看hash值是其它页面的 因为本地是正常的 遂想到应该是打包影响(打包产物与本地不一致) 然后在vite.config.js里看到了这个 ![企业微信截图_1701674813442.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/05985929af8fb1d1171d200f327fb55d.png) 我看到组长写的注释 “...自动important” 觉得应该是这里有门道 猜测VantResolver这个就是处理vant相关的 搜索配置项发现有个importStyle(是否同时导入样式) //主要就它长得像 加了 给false 发uat 好了!!! ![企业微信截图_17016749469999.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/0ff6b3b1fc1055b060c22afb2e8745df.png) ![企业微信截图_17016751398036.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241107/b55851deac3659b63936eacf80f368ea.png) 问题是解决了 但是没想明白 当时看van-popup和van-toast的权重都是(0,1,0) 第一个样式文件里有toast和popup的样式 toast是在popup的下面 另一个样式文件里只有popup的样式 是这样覆盖的吗 补充: 看link元素是第二个样式文件在第一个下面 这个效果解释通了 为什么会出现两个样式文件? 有没有办法控制这两个文件的插入顺序?(当前页面样式文件理应在最下面的 )

阅读量:17

点赞量:0

问AI
* 权重相同时,后加载css文件生效 * 同一个文件中排在后面的生效 * 当加载 第一个样式文件 时 , toast是在popup的下面 ,所以toast 生效 * 当加载了另一个文件时,另一个文件生效(popup)