'In react application working the scss code and using @use method for importing the scss file in our component and facing repeating file every time

In our SCSS code. I create a SCSS file with the name of "common.scss" and use the CSS

body{ font-size: 14px; color: #292929; }

and common.scss file attached in the different component sass file as a example we have 4 component with the name file of header.scss, footer.scss, wrapper.scss and main.scss and every file we include the common.scss file with the syntax of @use "./common.scss"; and run the application when we inspect the code and find the common.scss file render 4 time in application like.

This is my inspect code

htmlcsssassnode-sass


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions