How to add SCSS styles to a React project?

Question

I'm just starting to learn React (have some JavaScript knowledge, as I'm learning tis as well) and building my first project. I would like to know how to add styles to my first React project, using CSS/SCSS as I have some knowledge and understanding from my html, CSS/SCSS learning projects.

How do you add SCSS to your React Project?

Answer 1

If using create-react-app then:

1)First install sass dependency using npm:

npm install sass

2)Import your sass file to your componentName.js file

import '../scss/FileName.scss';