CSS Module 사용 방법

scss 파일도 적용됨

 

파일명.module.scss 형태로 이름을 지어준다.

그러면 리액트가 알아서 CSS Module이라고 인식함

react-scripts에 들어있다.

import 할 때 styles from "./파일명.module.scss" 형태로 선언

 

사용 방식은 중괄호 열고 {styles.className}

그래서 클래스명에 특수기호를 넣으면 안된다.

 

클래스 두개를 쓰고 싶은 경우 백틱(`)을 써서 사용

{`${styles.className1} ${styles.className2}`}

 

 

https://stackoverflow.com/questions/33949469/using-css-modules-how-do-i-define-more-than-one-style-name

using css modules how do I define more than one style name