SCSS/SASS not working in micro frontend using React

Question

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.

Answer 1

If you look at this post , you will see that you don't need to use the url() method. Try changing your style.scss file to:

@import '_variable';

body {
    background: $base-color;
}