clean-css는 CSS 파일을 경량화(minify)하는 nodejs 기반의 프로그램입니다.
clean-css는 쉘에서 사용할 수 있는 CLI버전과, nodejs에서 사용할 수 있는 버전이 나누어져 있습니다.
CLI 버전
clean-css-cli를 사용하면 쉘에서 명령어로 CSS를 minify할 수 있습니다.
다음 명령어로 CLI 버전을 설치합니다.
$ sudo npm install clean-css-cli -g
다음 명령어는 로컬의 main.css 파일을 minify하여 main.min.css 파일로 만드는 작업입니다.
$ cleancss -o main.min.css main.css
생성된 main.min.css
파일을 보면 minify된 것을 볼 수 있습니다.
nodejs 버전
nodejs에서 사용하려면 다음 명령어로 패키지를 설치합니다.
$ npm install --save-dev clean-css
다음과 같이 사용할 수 있습니다.
var CleanCSS = require('clean-css');
var input = 'a{font-weight:bold;}';
var options = { /* options */ };
var output = new CleanCSS(options).minify(input);
더 많은 옵션은 clean-css에서 확인해주세요
Recommended Posts:
- SSH key 생성하고 GitHub에 등록
- GMT, UTC의 차이점
- AMP 사이트에 Facebook Comments(댓글) 달기
- Desktop AMP 버전에 Adsense 적용하기
- GoDaddy -> NameCheap 도메인 이전하기
- Maven으로 Java프로젝트 build하는 방법 (리눅스)
- Selenium - 페이지 로딩이 완료될 때까지 기다리기 (python)
- X-Bows keyboard 구입 및 사용 후기
- 나에게 맞는 인체공학(ergonomic) 키보드 찾기
- Canary test(카나리아 테스트)라고 부르는 이유는 무엇인가요?
- Python3.7 Flask를 Google App Engine에 deploy하는 방법
- 자주 사용하는 GCP(Google cloud platform) 명령어 정리
- Nginx에서 Letsencrypt를 통해 SSL을 적용하는 방법