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

to import sass files you first need to install node-sass. react

npm install node-sass@4.14.1

add sass to react

npm install node-sass --save-dev

install node-sass version for react

npm i node-sass@4.14.1

node sass version react

yarn add node-sass@4.14.1

Sass and node-sass not working with react app

npm uninstall node-sass
npm install node-sass
change the "react-scripts": "4.0.0" into "react-scripts": "4.0.3" in package.json and save
npm install
npm start

or, using yarn -

yarn remove node-sass
yarn add --dev node-sass
as above
yarn install
yarn start

react node-sass

npm uninstall node-sass
npm install node-sass
change the "react-scripts": "4.0.0" into "react-scripts": "4.0.3" in package.json and save
npm install
npm start


or, using yarn -

yarn remove node-sass
yarn add --dev node-sass
as above
yarn install
yarn start

add sass to react

npm uninstall node-sass