Using SASS in REACT

Question

I want to use SASS in my CRA App.

Should I create a .scss file and import it directly to the component,

or do I need to compile the sass file into css and then use that css file in my component.

I will be using modules like "App.module.scss" in react.

Thanks in advance.

Answer 1

You have to install the module with
' npm install node-sass --save-dev'
or 'yarn add sass' if you use yarn.
Next create your .scss files, it should work.

import your scss file in your component.

https://create-react-app.dev/docs/adding-a-sass-stylesheet/