<< IT People | Home | [2008-01-17] 오늘의 핫 이슈 >>

JS/CSS 압축기능 ANT 프로젝트 구축하기

웹 서비스의 성능 향상을 위해서 필연적으로 하는 방법중에 하나가 JS/CSS를 압축하는 것입니다. 기존의 압축 기능을 수행해주는 웹 사이트를 찾는것보다 자신의 이클립스에 프로젝트로 만들어서 해당 JS/CSS파일을 압축해주는 기능이 있으면 업무 수행에 많은 도움을 받을 수 있습니다.
전체 JS/CSS압축 프로젝트 진행 과정은 아래와 같습니다.

1. 필요한 파일 다운로드
 - YUI Compressor version 2.2.5 다운로드 한 다음 dist디렉토리에 카피
 - YUIAnt.jar 파일 다운 로드 후 dist 디렉토리에 카피

2. YUI ANT 프로젝트 디렉토리 구조

Yui

3. build.xml 설정 파일 내용(build 디렉토리에 존재)


4. build 수행

5.JS/CSS 압축된 파일 저장 디렉토리
 - jsmin 디렉토리에 저장되니 필요한 파일들을 카피하여 해당 프로젝트에 copy하는 설정만 추가하면 됨
Tags : , , , ,


Avatar: tonytong

Re: JS/CSS 압축기능 ANT 프로젝트 구축하기

 i find a free online service to minify js  and compress css, so it will reduce the size of web page.

<div> </div>

Add a comment Send a TrackBack