webstorm에서 javascript/CSS minify 적용

0.

웹페이지 최적화를 위해 js 파일을 압축해보았다.

일단 이걸 webstorm에 적용하기 위해서는 closure-compiler.jar 라는 파일이 필요하다. 다음 링크에서 다운로드 가능

https://developers.google.com/closure/compiler/docs/gettingstarted_app

1.

받고나면 하라는 대로 closure-compiler 폴더 아래에 .jar 파일을 넣어준다.

2.

webstorm에서 Tools > File Watchers로 들어가서 + 버튼을 누르면 Closure Compiler 가 보인다.

3.

아래 Program 경로에 closure-compiler-vxxxxx.jar 파일을 지정해준다.

4.

적용해준 뒤 js 파일을 수정하면 이렇게 저절로 .min.js 파일이 생성된다.

------

+

CSS minify도 비슷하다.

https://github.com/yui/yuicompressor/releases

여기서 yuicompressor-x.x.x.jar 파일을 받은 뒤, File Watcher에서 YUI Compressor CSS 를 선택하고 Program 경로를 지정해주면 된다.