더북(TheBook)

9.2.1 프로젝트에 Sass 적용

 

리액트 프로젝트에 Sass를 사용하려면 두 가지 패키지(node-sass, sass-loader)를 설치해야 합니다.

$ yarn add node-sass sass-loader

 

sass-loader는 webpack에서 Sass 파일을 읽어 오고, node-sass는 Sass로 작성된 코드들을 CSS로 변환합니다. sass-loader를 적용하려면, webpack 환경설정에서 css-loader에 설정한 내용들을 동일하게 복사하고, 설정 아래쪽에 sass-loader 부분을 추가해 보세요.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.