JAVASCRIPT

reactjs sass setup

// step 1: install node-sass
// using npm
npm install node-sass --save
// using yarn
yarn add node-sass

// step 2: Convert your .css files to .scss

// step 3: add in your app.js
import './App.scss';

install scss in react js

$ npm install node-sass --save
$ # or
$ yarn add node-sass

scss react

npm install node-sass --save

add sass to react

npm install node-sass --save-dev

react scss

$ npm install sass
# or
$ yarn add sass

how to add scss to a react app

# using npm
npm install node-sass --save

# using yarn
yarn add node-sass

react scss sass

Note: LibSass and the packages built on top of it, including Node Sass, are deprecated. If you're a user of Node Sass, you can migrate to Dart Sass by replacing node-sass in your package.json file with sass or by running the following commands:

$ npm uninstall node-sass
$ npm install sass
# or
$ yarn remove node-sass
$ yarn add sass

scss in react app

$ npm install node-sass --save$ # or$ yarn add node-sassCopy

how to add scss to react

npm install sass --save-dev 
import './App.css' turns into import './App.scss'

React Sass

$myColor: red;

h1 {
  color: $myColor;
}

add sass to react

npm uninstall node-sass