Murelio

필요한 기능을 불러오고 있습니다.

CSS 포맷터

CSS을 Prettier standalone과 PostCSS parser plugin으로 포맷합니다.

사용 방법

  1. CSS 코드를 입력하고 실행합니다.

핵심 기능과 처리 범위

문자열 치환이 아니라 Prettier parser를 통해 코드 구조를 읽고 일관된 공백·줄바꿈을 만듭니다.

처리 원리

prettier.format에서 parser:'css'와 postcss plugin을 사용합니다.

예시

.a{color:red;margin:0} 같은 코드는 여러 줄의 표준화된 CSS가 됩니다.

이럴 때 유용합니다

  • 압축·불규칙 CSS 초안을 읽기 쉽게 정리할 때

사용 전 참고

  • 프로젝트의 .prettierrc를 읽지 않고 현재 tool이 지정한 기본 옵션으로 동작합니다.

자주 묻는 질문

SCSS도 지원하나요?

현재 action은 parser:'css'이므로 SCSS 전용 문법 지원을 보장하지 않습니다.

관련 도구