React项目中css引入配置方法

在.roadhogrc配置文件中修改

“disableCSSModules”: true,

{
  "entry": "src/index.js",
  "disableCSSModules": true,
  "env": {
    "development": {
      "extraBabelPlugins": [
        "dva-hmr",
        "transform-runtime",
        ["import", { "libraryName": "antd", "style": "css" }]
      ]
    },
    "production": {
      "extraBabelPlugins": [
        "transform-runtime"
      ]
    }
  }
}

在配置文件中未加入”disableCSSModules”: true的时候，js页面中引入css的方式为import styles from ‘../index/IndexPage.css’;

<span classNmae={styles.class}>span>

在配置文件中加入”disableCSSModules”: true的时候，js页面中引入css的方式为import ‘../index/IndexPage.css’;

<span classNmae="class">span>