Вопрос

Я ищу простой скрипт Python, который может минимизировать CSS в процессе развертывания веб-сайта.(Python — единственный язык сценариев, поддерживаемый сервером, и полнофункциональные парсеры, такие как CSS-утилиты для этого проекта это излишество).

В принципе, я бы хотел jsmin.py для CSS.Один скрипт без зависимостей.

Есть идеи?

Это было полезно?

Решение

Мне показалось, что это хорошая задача - войти в python, который некоторое время ждал. Настоящим я представляю свой первый скрипт Python:

import sys, re

with open( sys.argv[1] , 'r' ) as f:
    css = f.read()

# remove comments - this will break a lot of hacks :-P
css = re.sub( r'\s*/\*\s*\*/', "$HACK1$", css ) # preserve IE<6 comment hack
css = re.sub( r'/\*[\s\S]*?\*/', "", css )
css = css.replace( "$HACK1$", '/**/' ) # preserve IE<6 comment hack

# url() doesn't need quotes
css = re.sub( r'url\((["\'])([^)]*)\1\)', r'url(\2)', css )

# spaces may be safely collapsed as generated content will collapse them anyway
css = re.sub( r'\s+', ' ', css )

# shorten collapsable colors: #aabbcc to #abc
css = re.sub( r'#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3(\s|;)', r'#\1\2\3\4', css )

# fragment values can loose zeros
css = re.sub( r':\s*0(\.\d+([cm]m|e[mx]|in|p[ctx]))\s*;', r':\1;', css )

for rule in re.findall( r'([^{]+){([^}]*)}', css ):

    # we don't need spaces around operators
    selectors = [re.sub( r'(?<=[\[\(>+=])\s+|\s+(?=[=~^$*|>+\]\)])', r'', selector.strip() ) for selector in rule[0].split( ',' )]

    # order is important, but we still want to discard repetitions
    properties = {}
    porder = []
    for prop in re.findall( '(.*?):(.*?)(;|$)', rule[1] ):
        key = prop[0].strip().lower()
        if key not in porder: porder.append( key )
        properties[ key ] = prop[1].strip()

    # output rule if it contains any declarations
    if properties:
        print "%s{%s}" % ( ','.join( selectors ), ''.join(['%s:%s;' % (key, properties[key]) for key in porder])[:-1] ) 

Я считаю, что это работает, и выводит его на тесты в последних версиях Safari, Opera и Firefox. Это сломает CSS-хаки, кроме подчеркивания & amp; / ** / хаки! Не используйте минификатор, если у вас много хаков (или поместите их в отдельный файл).

Любые советы на моем питоне приветствуются. Пожалуйста, будьте осторожны, это мой первый раз. : -)

Другие советы

Для Python доступен порт CSS-компрессора YUI.

Вот его страница проекта на PyPi: http://pypi.python.org/pypi/cssmin/0.1.1

Если кто-то задался этим вопросом и использует Django, для этого существует широко используемый пакет под названием Джанго Компрессор:

Сжимает связанный и встроенный JavaScript или CSS в один кэшированный файл.

  • JS/CSS принадлежит шаблонам

  • Гибкость

  • Это не мешает

  • Полный набор тестов

Я не знаю ни одного готового мини-приложения Python CSS, но, как вы сказали, утилиты CSS имеют возможность. После проверки и проверки того, что лицензия позволяет это сделать, вы можете просмотреть исходный код и отсканировать части, которые выполняют минификацию самостоятельно. Затем вставьте это в один скрипт и вуаля! Вот и вы.

Начнем с того, что функция csscombine в ... / trunk / src / cssutils / script.py, кажется, выполняет работу по минимизации где-то около строки 361 (я проверил ревизию 1499). Обратите внимание на аргумент логической функции под названием «minify».

Существует хороший онлайн-инструмент cssminifier , который также имеет довольно простой и удобный в использовании API. Я создал небольшой скрипт на языке Python, который отправляет содержимое CSS-файла в API этого инструмента, возвращает минимизированный CSS-код и сохраняет его в файл " style.min.css " ;. Мне это нравится, потому что это небольшой код, который может быть красиво интегрирован в скрипт автоматического развертывания:

import requests
f = open("style.css", "r")
css_text = f.read()
f.close()
r = requests.post("http://cssminifier.com/raw", data={"input":css_text})
css_minified = r.text
f2 = open("style.min.css", "w")
f2.write(css_minified)
f2.close()

В webassets документах вы можете найти ссылки на несколько компрессоры и компиляторы. Из этого списка я выбрал pyScss , который также сокращает полученный CSS.

Если вам нужен только CSS-компрессор, попробуйте csscompressor :

  

Почти точный порт YUI CSS Compressor. Проходит все оригинальные юнит-тесты.

Более общим инструментом является css-html-prettify :

  

StandAlone Async, кросс-платформенный, готовый к использованию Unicode Python3 Prettifier Beautifier для Интернета.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top