Configuring Sass With Create-react-app tool

Sass Configuration

- Create a new folder "styles" inside "src" folder
- create 2 folders inside styles "scss" & "css"
- move all the files of the starter project inside "scss" and rename their extension to be .scss
- edit "index.js" to get the correct url for the index.css file 
- remove "App.css" from "App.js" file
- edit package.json "scripts" object 
    "build-css": "node-sass-chokidar --include-path ./src --include-path ./node_modules src/styles/scss/index.scss -o src/styles/css/",
    "watch-css": "npm run build-css && node-sass-chokidar --include-path ./src --include-path ./node_modules src/styles/scss/index.scss -o src/styles/css/ --watch --recursive",
    "start-js": "react-scripts start",
    "start": "npm-run-all -p watch-css start-js",
    "build-js": "react-scripts build",
    "build": "npm-run-all build-css build-js"
    
- add App.scss to index.scss by @import "./App"

Happy Coding :)