49

我正在寻找一个简单的 Python 脚本，它可以将 CSS 缩小为网站部署过程的一部分。（Python 是服务器上唯一支持的脚本语言，像CSS Utils这样成熟的解析器对于这个项目来说太过分了）。

基本上我想要jsmin.py用于 CSS。没有依赖关系的单个脚本。

有任何想法吗？

4

6 回答 6

71

这对我来说似乎是一个很好的任务来进入 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 上都可以正常输出。它将破坏除下划线和 /**/ hacks 之外的 CSS hacks！如果您有很多 hack 操作（或将它们放在单独的文件中），请不要使用 minifier。

对我的 python 的任何提示表示赞赏。不过请温柔一点，我是第一次。:-)

于 2008-10-21T22:05:06.820 回答
13

有一个可用于 python 的 YUI 的 CSS 压缩器端口。

这是它在 PyPi 上的项目页面：http: //pypi.python.org/pypi/cssmin/0.1.1

于 2010-03-07T15:32:16.927 回答
2

有一个不错的在线工具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()
于 2015-05-01T00:37:16.310 回答
2

如果有人遇到这个问题并且正在使用 Django，那么有一个常用的包可以解决这个问题，称为Django Compressor：

将链接和内联 JavaScript 或 CSS 压缩到单个缓存文件中。

  • JS/CSS 属于模板

  • 灵活性

  • 它不会妨碍

  • 完整的测试套件

于 2015-06-08T15:10:01.690 回答
1

我不知道任何现成的 python css 缩小器，但就像你说的 css utils 有选项。在检查并验证许可证是否允许之后，您可以浏览源代码并剪掉自己进行缩小的部分。然后将其粘贴在一个脚本中，瞧！你去吧。

作为一个开始，.../trunk/src/cssutils/script.py 中的 csscombine 函数似乎可以在第 361 行附近进行缩小（我检查了修订版 1499）。请注意名为“minify”的布尔函数参数。

于 2008-10-21T17:18:50.580 回答
1

在webassets文档中，您可以找到多个压缩器和编译器的链接。从该列表中，我选择了 pyScss，它也缩小了生成的 CSS。

如果你只需要一个 CSS 压缩器，你可以试试csscompressor：

YUI CSS Compressor 的几乎完全相同的端口。通过所有原始单元测试。

更通用的工具是css-html-prettify：

StandAlone Async 单文件跨平台 Unicode-ready Python3 Prettifier Beautifier for Web。

于 2015-12-21T12:40:37.457 回答