SublimeText

서브라임 텍스트 플러그인 - HTML Compressor

MorningPhys 2015. 7. 13. 19:37

이번에는 html 코드를 압축하는 방법을 알아보겠습니다.


역시 배포할때는 압축해서 쾌적한 상태로 하는것이 좋지요.

먼저 온라인상에서 html 을 압축하는곳을 몇군데 테스트 해봤습니다.

티스토리의 경우는 치환자라는 개념이 있어서 올바르게 압축하지 못하는 곳이 몇군데 있더군요.


하지만 Sublime text 2에서 사용하는 html-compressor 은 무리없이 압축하였습니다.

Html-compressor -> https://github.com/darkdelphin/Html-compressor

사용하는 방법을 알아보겠습니다.


Ctrl+Shift+P 를 클릭해서 Packages Install 을 한다음 html Compressor 을 설치합니다.

 

 

 

사용하는 설치를 하면 Sublime text 2를 다시 실행하세요.

그러면 Tool - Build System - Html Compressor 이 생성이 된것을 확인할 수 있습니다.

 

 

 

html 파일을 열고 빌드 단축키인 Ctrl+B 또는 F7 키를 누르면 빌드합니다.

압축이름은 파일이름.html -> 파이이름.min.html 로 하나 더 생성이 됩니다.


컴파일 전과 후의 사진을 비교해보세요.

 

 

 

 

 

이렇게 간단하게 서브라임 텍스트에서는 html 도 컴파일해서 사용할 수 있습니다.

 

출처 : http://demun.tistory.com/2244

반응형