Hi, I am new to MicroFront End in React JS. I'm trying to use MicroFront End in React JS to handle SCSS. I have 2 files.
1：_variable.scss 2: style.scss
Below is the code I want to use in my application.
//_variable.scss
$base-color: #c6538c;
:export{
baseColor:$base-color;
}
//style.scss
@import url('_variable.scss');
body{
background: $base-color;
}
I am assigning a background value to the body of the application. But it doesn't work.
Any help would be great.
Thanks.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
If you look at this post , you will see that you don't need to use the
url()method. Try changing yourstyle.scssfile to:@import '_variable'; body { background: $base-color; }