Reactプロジェクトにおけるcss導入構成方法
2159 ワード
はい.roadhogrcプロファイルでの変更
“disableCSSModules”: true,
プロファイルに「disableCSSModules」:trueが追加されていない場合、jsページにcssを導入する方法はimport styles from'./index/IndexPage.css’;
プロファイルに「disableCSSModules」:trueを追加する場合、jsページにcssを導入する方法はimport'../index/IndexPage.css’;
“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>