React

[React] 리액트에서 SCSS(SASS) 사용하기

Wbeen 2023. 1. 20. 03:24

React와 SCSS를 연동하는 방법을 알아보겠습니다.

설치 방법


먼저 SCSS를 적용하고 싶은 리액트 폴더에 들어가 컴파일러를 설치해줘야 합니다.

명령어

npm install node-sass
yarn add node-sass

위 명령어를 입력해 주면 끝!

아래 잘 설치되어 있는것을 확인할 수 있다.

새로운 리액트 앱을 만들 때마다 설치해야 한다...ㅠㅠ

Node Sass is no longer supported. Please use `sass` or `sass-embedded` instead.

node-sass에 지원이 종료되었습니다.

앞으로는

npm i sass

를 사용하셔야 합니다.