CSS 축소기에 대한 권장 사항이 있습니까?
나는 구글을 근절하고 일부를 시험해 볼 것이지만 똑똑하고 능숙하고 호기심이 많은 StackOverflow 커뮤니티가 이미 헤비급의 장단점을 평가했을지도 모른다고 생각했습니다.
CSS 축소기에 대한 권장 사항이 있습니까?
나는 구글을 근절하고 일부를 시험해 볼 것이지만 똑똑하고 능숙하고 호기심이 많은 StackOverflow 커뮤니티가 이미 헤비급의 장단점을 평가했을지도 모른다고 생각했습니다.
답변:
YUI 압축기는 환상적이다. JavaScript 및 CSS에서 작동합니다. 확인 해봐.
YUI Compressor의 .NET 포트 도 있습니다.
온라인 도구를 찾고 있다면 다음을 시도하십시오 : https://csscompressor.net/
html{width:100%;height:100%;} body{width:100%;height:100%;padding:0;} #test{padding:1em;width:10em;} #test{padding:2em;}
YUI Compressor (#test의 패딩에 대한 중복을 제거하지는 않음)보다 더 잘 작동했습니다. 여전히, 둘 다 나를 만족시키지 못했습니다 html,body{width:100%;height:100%}body{padding:0}
(내 이해에서 두 선택기가 동일한 특이성을 갖기 때문에 동등합니다).
C #으로 초고속 CSS 축소기를 작성했습니다. 알고리즘은 Javascript를 처리하지 않습니다. 네이 : http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx .
클로저 스타일 시트를 사용해보십시오 .
축소 이외에도 linting , RTL flipping 및 class renaming 도 지원합니다 .
변수 , 함수 , 조건부 및 믹스 인 을 CSS에 추가 할 수도 있습니다 .
또한이 기능 중 일부는 나머지 폐쇄 도구 (자체적으로 매우 강력 함)에 의존합니다 .
isnoop의 CSS SuperScrub 가 매우 잘 작동 한다는 것을 알았 습니다. 그래도 CSS 온라인으로 직접 링크 만 처리 할 수 있습니다 : / 선호하는 pastebin 서비스를 사용하여 CSS 코드를 유지하고 SuperScrub에 원시 링크를 제공하면 해결할 수 있습니다.
#test { padding: 1em; width: 10em; } #test { padding: 2em; }
실패했다.
사이트가 ASP.NET에있는 경우 사이트에서 CSS 축소를 즉시 수행 할 수 있습니다 (따라서 변경할 때마다 수동으로 수행하지 않아도 됨). 예를 들면 다음과 같습니다.
Perl에는 CSS :: Minifier (및 추가 속도를위한 XS 버전)가 있습니다.
다른 사람들은 YUI Compressor와 그 .NET 포트에 대해 언급했으며 체인에 다른 링크를 추가합니다. StyleManager 는 YUI Compressor의 .NET 포트를 감싸는 서버 컨트롤이므로 ScriptManager를 사용하는 것처럼 사용할 수 있습니다. CSS 상수, 배경 이미지 정의 등의 물결표 (~) 해상도와 같은 다른 멋진 기능도 추가합니다. 단단하고 잘 문서화되어 있으며 최근의 모든 프로젝트에서 사용했습니다. o 문제. 확인하기 -gStyleManager.com
여전히 "베타에 있지만"상당히 잘 작동합니다. 나는 모든 프로젝트에서 그 뒤에 코드를 사용합니다 : http://claudiu.phpfogapp.com/ 그것은 PHP로 만들어졌으며 * .css 파일을 상당히 많은 시간 동안 호스팅합니다. 축소 된 CSS. (공간이 서버에서 붐비는 경우 오래된 CSS 파일 만 삭제합니다).
CSS와 JS 파일을 축소하고 압축하는 .net 웹 사이트에 연결하는 코드 플렉스 프로젝트가 있습니다. 또한 Microsoft AJAX Minifier와 YUI Compressor 간의 비교를 통해 YUI가 약간 더 잘 나옵니다. 파일을 크게 축소시키는 Microsoft Minifier와 압축을 결합한 추가 변형이 있습니다.
어쨌든 링크는 http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers )입니다.
내가 MVC3을 위해 그것을 어떻게 이것은 : http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html 이 방식의 장점은 즉석에서 모두 않는다는 것입니다 파일을 수동으로 사전 처리하거나 빌드 후 구성을하지 않아도됩니다.
온라인 도구 (내 CSS를 올린 www.csscompressor.net보다 훨씬 낫습니다) : http://www.cssdrive.com/compressor/compress.php 는 훌륭한 일을합니다.
C # 예 :
css = css.Replace("\n", "");
css = Regex.Replace(css, @"\s+", " ");
css = Regex.Replace(css, @"\s*:\s*", ":");
css = Regex.Replace(css, @"\s*\,\s*", ",");
css = Regex.Replace(css, @"\s*\{\s*", "{");
css = Regex.Replace(css, @"\s*\}\s*", "}");
css = Regex.Replace(css, @"\s*\;\s*", ";");
Paul Irish 의 최신 HTML5BoilerPlate 를 살펴 보십시오. PNG 및 JPG를 포함한 모든 자산을 최소화 하는 빌드 스크립트가 포함되어 있습니다. 여기서 데모 비디오를 볼 수 있습니다 .