Dva构建的应用中引入样式无效的问题,？

Question

Dva构建
第一种：

...
import styles from './index.css';
function Index(){
  return(
    <div className={style.index}>样式生效<div>
  )
}
export default Index;

第二种：

...
import './index.css';
function Index(){
  return(
    <div className="index">样式无效<div>
  )
}
export default Index;

现在是第一种有效，第二种无效，请问一下第二种为什么无效？

---

Answer 1

可能是Dva默认开启了css modules,
如果你希望 <div className="index"><div> 生效的话,在样式文件应该这样子写:

:global{
    .index{...}
}

Answer 2

你看一下你的样式 应该是antd的把你的样式覆盖了 你把自己的样式加权重就行了

Answer 3

roadhog默认开启了cssmodule

Answer 4

https://dvajs.com/knowledgema...