1. 程式人生 > >React專案中css引入配置方法

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>