How to SCSS

Robert Chen
2 min readJul 1, 2019

Learn SCSS features with simple create-react-app

  1. In terminal:
create-react-app scss-demo
cd scss-demo
npm i node-sass
npm start

2. Rename App.css to App.scss

3. In App.js, on line 3 change import './App.css'; to import 'App.scss';

4. Take a look at App.scss, then replace the code in App.scss with this:

--

--