두 가지 IDE를 사용하고 있습니다. 내 기본 IDE는 Visual Studio로, Chirpy을 사용하여 코드를 매시하고 축소합니다. 그것은 완벽하게 작동하고 나는 그것을 사랑해. 문제는 내가 윈도우 박스에 있지 않을 때 그것에 접근 할 수 없다는 것이다.OS X 또는 Webstorm에서 JS 및 CSS를 어떻게 자동으로 축소합니까?
Visual Studio를 사용하지 않을 때는 일반적으로 Macst Pro의 Webstorm에 Javascript 응용 프로그램을 작성하고 있습니다. 여기에 문제가있다. Webstorm 플러그인 또는 스크립트를보고 매시/축소하도록 구성 할 수있는 다른 앱을 찾지 못했습니다.
최소의 노력으로 Mac 사용자가 디자인 타임에 JS 및 CSS를 매시/축소하는 방법은 무엇입니까?
저는 Mac이나 Webstorm 사용자가 아니지만, 여전히 관련이 있습니다.
자바 스크립트의 경우 업로드 스크립트의 일부로 closure compiler을 사용합니다. 그것은 파일을 모니터하지 않고 업로드 (bash 파일)를 실행할 때 실행됩니다.
IDE에서 모든 것을 유지하려면 Webstorm에 Closure 컴파일러를 실행하는 데 사용할 수있는 Ant 플러그인 http://plugins.intellij.net/plugin/?webide&id=4526이있는 것 같습니다.
커맨드 라인 css minifier를 찾을 수 있다면 앤트 스크립트에도 넣을 수 있습니다.
저는 lessc과 uglifyjs을 사용하여 제 css 및 js 파일을 연결하고 축소합니다. 내가 할 모든 내가 컴파일 할 때마다 명령 줄에서 make을 입력이기 때문에
https://github.com/twitter/bootstrap/blob/master/Makefile
그것은 간단하다 : 여기의 수정 된 버전을 사용하는 트위터 부트 스트랩에서 메이크입니다.
당신은이 작은 Apps에서 명령 줄없이 YUI 압축기를 사용할 수 있습니다
무료,이 기능 내장되어 있습니다. File (또는 Mac 상당 파일) -> Settings -> File Watchers로 이동하여보고 싶은 파일 유형에 대한 파일 감시자를 정의하십시오.
관련 도움말 문서
은 여기 -http://www.jetbrains.com/webstorm/webhelp/using-file-watchers.html 내가 Minify를 사용합니다. Mac App Store에 있습니다.
내 워크 플로를 지원하기 위해 개발했습니다. minifyapp.com
[YUI 압축기] (http://developer.yahoo.com/yui/compressor/)는 명령 줄이므로 사용할 수 있습니다. –