리액트에서 scss 사용하기

사용하는 방법

프로젝트 디렉터리에 'node-sass' 설치

 

scss는 자체로는 웹에서 작동하지 않음

(css의 전처리기라서)

node-sass패키지로 css로 컴파일 후 css가 웹에서 동작

변수, 연산자, 함수, extend, import등을 사용할 수 있어

(css에서)

코드의 재사용성 및 가독성이 높아지고, 유지보수가 용이

 

명령어:

npm인 경우
npm install -g node-sass

yarn인 경우
$ yarn add node-sass