描述下我项目上遇到的样式覆盖问题:
我在该项目上使用了umi主题定制的配置,修改了一些公共变量的值,包括primary-color等,但是经过编译后发现修改过的主题色总会被antd组件原有的样式覆盖。如图所示:
因为该项目是从其他项目迁移过来的,但是其他项目编译并不会出现这种问题。
所以我的第一个解决思路就是看他们配置是否有不一致的地方,但是我对比过许多配置文件,重新进行编译后发现,都没能解决。
于是我开始在网上进行各种搜索,希望可以找到一点解决思路。终于,我在官网上看到了解决思路。
因为项目上没有使用babel-plugin-import这个插件,所以考虑应该是导入antd.css样式导致的样式覆盖问题。
最后发现确实是被引入的第三方的一个组件影响的,这个组件直接导入了 antd/dist/antd.min.css ,导致了样式覆盖问题。
这里解决可以引入less文件或者限制作用域