인터넷 강의를 듣다고 알게된 강력한 css모듈화 기능에 대해 소개하려 한다.
POST CSS는 css파일을 선언 후 project에서 모듈화를 통해 css의 class이름을 중복하여 사용하는 편리한 기능이다.
사용하는 방식은
프로젝트의 ${파일명}.module.css 로 파일 작성 후
project에서 원하는 이름으로 import를 하면 된다.
ex)
import styles from './${파일명}.module.css'
사용하면 되고, code에서는
class = {styles.h1}
위와 같이 사용하면 된다.
@medea query등 다양한 문법도 지원한다.
postcss는 플로그인으로 사전 셋팅이 필요하다.
가장 편한 셋팅으로는
npm을통해 npm install -D postcss postcss-cli
를 할 수 있다.
