我正在寻找一个简单的Python脚本,可以将CSS缩小为网站部署过程的一部分。 (Python是服务器上唯一支持的脚本语言,像CSS Utils这样的完整解析器对于这个项目来说是过度的。)
基本上我想要CSS jsmin.py。一个没有依赖关系的脚本。
有什么想法吗?
答案 0 :(得分:65)
这对我来说似乎是一个很好的任务,进入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黑客攻击。 / ** /黑客!如果您正在进行大量黑客攻击(或将它们放在单独的文件中),请不要使用缩放器。
我对python的任何提示都表示赞赏。请温柔,这是我的第一次。 : - )
答案 1 :(得分:12)
有一个YUI的CSS压缩器端口可用于python。
这是PyPi上的项目页面: http://pypi.python.org/pypi/cssmin/0.1.1
答案 2 :(得分:2)
如果有人登陆这个问题并且正在使用Django,那么这个问题的常用软件包名为Django Compressor:
将链接和内联JavaScript或CSS压缩到一个缓存文件中。
JS / CSS属于模板
灵活性
它不会妨碍
完整测试套件
答案 3 :(得分:1)
我不知道任何现成的python css minifiers,但是就像你说css utils有选项。在检查并验证许可证允许的情况下,您可以浏览源代码并剪掉自己进行缩小的部分。然后把它粘在一个脚本中瞧!你去吧。
作为一个先行者,... / trunk / src / cssutils / script.py中的csscombine函数似乎在第361行(我检查了修订版1499)的某处进行了缩小工作。注意名为“minify”的布尔函数参数。
答案 4 :(得分:1)
有一个不错的在线工具cssminifier,它还有一个非常简单易用的API。 我制作了一个小的python脚本,将CSS文件内容发布到该工具的API,返回minifed CSS并将其保存到文件&#34; style.min.css&#34;。我喜欢它,因为它是一个可以很好地集成在自动部署脚本中的小代码:
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()
答案 5 :(得分:1)
在webassets文档中,您可以找到多个压缩器和编译器的链接。从该列表中我选择了pyScss,这也缩小了生成的CSS。
如果您只需要一个CSS压缩器,可以试试csscompressor:
YUI CSS Compressor的几乎准确的端口。通过所有原始的单元测试。
更通用的工具是css-html-prettify:
StandAlone异步单文件跨平台Unicode-ready Python3 Prettifier Beautifier for the Web。