2011-07-20 3 views
4

Я бы хотел, чтобы реальная оптимизация/компиляция моих стилей CSS (а не только минификация), в том же ключе, что и компилятор Google Closure для JavaScript.Оптимизация css-компилятора

Например, если вся моя таблица стилей просто:

div#hello { 
    color: #FFF; 
    background-color: #000; 
} 

div#hello p { 
    color: #FFF; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    margin-right: 10px; 
    margin-left: 10px; 
    font-family: Helvetica, Arial, sans-serif; 
} 

a { 
    color: #FFF; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    margin-right: 10px; 
    margin-left: 10px; 
    font-family: Helvetica, Arial, sans-serif; 
} 

Это может быть оптимизировано вниз в (я держу пустое пространство здесь для удобства чтения, но, очевидно, что должна была бы идти тоже):

#hello { 
    color: #FFF; 
    background: #000 
} 

#hello p, a { 
    color: #FFF; 
    margin: 10px; 
    font-family: Helvetica, Arial, sans-serif 
} 

ответ

0

Это, кажется, что вы ищете:

http://iceyboard.no-ip.org/projects/css_compressor

Heres сравнение нескольких других:

http://www.bloggingpro.com/archives/2006/08/17/css-optimization/

+0

Как бы вы сравнить это с CSSTidy? –

+0

Вторая ссылка, которую я вам послал, говорит, что ледяной лучше, чем CleanCSS, который основан на аккуратности. Но это было 5 лет назад, поэтому все могло измениться. Icey - это просто веб-страница, и аккуратная кажется небольшой загрузкой. Почему бы вам не попробовать оба и посмотреть, что лучше сжимает ваш код? Если сжатие является серьезной проблемой, вы можете использовать и то, и другое. – Joel

Смежные вопросы