Reactプロジェクトにおけるcss導入構成方法

2159 ワード

はい.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>