如何在我的React项目中使用SCSS全局变量和混合?
我的如何在我的React项目中使用SCSS全局变量和混合?,css,reactjs,sass,Css,Reactjs,Sass,我的global.scss文件中有此变量: $orange:#ee6123 我想在组件的样式表中使用它(在header.scss中): 全局样式表位于/static/css/global.scss中,组件样式表位于src/components/Header/index.scss。全局样式表包含在我的基本src/index.jsx文件中。组件样式表包含在src/components/Header/index.jsx中。有没有办法在组件的样式表中使用$orange变量 .header { backg
global.scss
文件中有此变量:
$orange:#ee6123代码>
我想在组件的样式表中使用它(在header.scss
中):
全局样式表位于/static/css/global.scss
中,组件样式表位于src/components/Header/index.scss
。全局样式表包含在我的基本src/index.jsx
文件中。组件样式表包含在src/components/Header/index.jsx
中。有没有办法在组件的样式表中使用$orange
变量
.header { background: $orange; }