하지만 YUI 압축기에도 단점이 있습니다. 즉, 조작하려면 명령줄을 입력해야 하는데, 이 역시 실제 응용에서는 다소 불편합니다. 오늘 저는 Taobao 사람들이 개발한 소프트웨어인 TBCompressor를 발견했습니다. 이 소프트웨어는 YUI 압축기를 기반으로 개선되었습니다. 자세한 내용은 를 참조하세요. lifesinger의 "TBCompressor – JS 및 CSS 압축 도구" 기사. TBCompressor 사용법은 다음과 같습니다. http://code.google.com/p/ourtools/downloads/list에 접속하여 yuicompressor_2를 선택하세요. 4.2.zip 파일.
- 압축해제 후 내부에서 install.cmd를 클릭해 설치를 제거하려면 uninstall.cmd를 클릭하세요.
- 압축할 JS 파일 또는 CSS 파일을 마우스 오른쪽 버튼으로 클릭하고 팝업 메뉴에서 YUICompressor로 처리를 선택합니다.
- 원본 파일과 동일한 디렉터리에 압축 파일이 생성됩니다. 파일 이름은 원본 파일 이름 뒤에 "-min"이 붙은 형식입니다. 예를 들어 원본 파일 이름이 "test.js"이면 압축 파일은 "test-min.js"가 됩니다. 파일 이름은 name.source.js 유형을 사용하는 것이 좋습니다. 그러면 name.js 파일이 자동으로 압축되고 생성됩니다.
참고: TBCompressor압축 파일의 기본 인코딩 유형은 GB18030입니다. 다른 인코딩 유형의 파일을 압축하려면 compressor.cmd 파일에서 GB18030을 원하는 인코딩 유형으로 바꾸세요. 예를 들어 UTF8을 사용하는 경우 GB18030을 utf-8으로 변경하면 됩니다. TBCompressor의 압축률은 그리 높지 않지만 매우 안전하며 CSS 파일의 Hack을 잘 보존할 수 있습니다. 코드에 집착하는 사람이라면 압축 파일을 이용해 최적화할 수도 있습니다.
다음은 온라인에서 JS와 CSS를 최적화하는 일부 웹사이트입니다. 그러나 이러한 압축 코드는 실행 시 오류를 일으킬 수 있으므로 사용 시 주의하세요.
- http://javascriptcompressor.com/
- http://www.xmlforasp.net/JSCompressor.aspx
- http://compressorrater.thruhere.net/
- http://jsbeautifier.org/
- http://www.codebeautifier.com/
- http://www.lonniebest.com/FormatCSS/
- http://www.cssdrive.com/index.php/main/csscompressor/
- http://tools.arantius.com/css-compressor
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
