最近在使用umi进行项目开发,他内置了antd,但是antd上有的样式跟我们需要的不一致,此时就要对antd组件的样式进行修改。因为umi里面默认配置了css_module的原因,所以假如不知道怎么处理得话对一些组件就很有可能达不到自己想要的修改效果
为什么要使用css_module进行开发
因为使用css_module可以尽量的避免css全局命名的冲突,减少我们命名的难度,避免我们的代码被未知的样式影响到
怎么进行使用以及原理?
我们新建一个umi项目,在pages/index.js中可以看到以下的代码
import styles from './index.css';
export default function() {
return (
);
}
index.css的代码是怎么样子的内?
.normal {
font-family: Georgia, sans-serif;
margin-top: 4em;
text-align: center;
}
.welcome {
height: 512px;
background: url(../assets/yay.jpg) no-repeat