더북(TheBook)

20.1.4 Sass 및 CSS 모듈 적용

 

이번 프로젝트에서는 Sass와 CSS 모듈을 결합하여 컴포넌트를 스타일링합니다. 이를 적용하려면 webpack 설정 파일들을 밖으로 꺼내 주어야겠지요? yarn eject 명령어를 실행하여 프로젝트 설정 파일을 밖으로 꺼내세요.

$ yarn eject

 

그리고 node-sass와 sass-loader를 설치하여 Sass를 적용하세요. 추가로 CSS 모듈을 좀 더 편하게 사용할 수 있게 하는 classnames도 설치하겠습니다.

$ yarn add node-sass sass-loader classnames
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.