Post Css 기본사용법

최하림·2022년 4월 1일
0

PostCss

목록 보기
1/1

기본적으로 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>

배포시 자동으로 이름이 변경된다.

profile
노력하는 성장형

0개의 댓글