CSS Beautify 설치 및 사용법

압축된(minified) CSS 파일은 한 줄로만 되어 있어 사람이 읽기 불편합니다.

이럴 때 cssbeautifier 도구를 사용하면 손쉽게 들여쓰기와 줄바꿈이 적용된 CSS 코드로 변환할 수 있습니다.

 

1. 설치

pip가 없다면 설치합니다.

# apt -y install python3-pip

그 다음 cssbeautifier 패키지를 설치합니다.

# pip install cssbeautifier

 

이제 준비된  CSS 파일을 표준 입력/출력 방식을 활용하여 사람이 읽기 편한 개행과 들여쓰기 처리를 합니다.

압축된 CSS 파일을 cat으로 읽어서 css-beautify에 전달하고, 결과를 새로운 파일로 저장하는 방법입니다.

# cat difficult.css | css-beautify > easy.css

이렇게 하면 difficult.css 파일이 보기 좋은 형태로 포맷팅되어 easy.css 파일에 저장됩니다.