- 在入口文件(app.js)引入全局 css (
:global(.xxx){...}
),.xxx
不会被解析成 hash,可以在组件中className="xxx"
使用 - 本地css在组件(demo.js)中引入局部 css (
.yyy{...}
) ,在组件中styleName="yyy" 使用
common.css: global-style
:global(.xxx) {
...
}
style.css: local-style
.yyy {
...
}
app.js:
import "./common.css";
ReactDOM.render(
<Demo />,
document.getElementById('app')
)
demo.js
import './style.css'
<div className="xxx" styleName="yyy">