기본적으로 PostCss는 리액트 프로젝트 생성일때 자동으로 설치된다.
css 파일을 만들때.
test.css 일경우
test.module.css 이런식으로 파일이름에 모듈을 넣는다.
적용시 방법.
Button.js 컴포넌트 파일.
임포트 해서 연결
import styles from './button1.module.css'
css 파일 내용.
.button{
background-color: aquamarine;
}
.text{
color:blue;
}
사용시 사용방법.
<div className={styles.button}>
<span className={styles.text}>Button1</span>
</div>
배포시 자동으로 이름이 변경된다.