React專案中css引入配置方法
阿新 • • 發佈:2019-01-25
在.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>