CSSを縮小するためのPythonスクリプト? [閉まっている]
-
03-07-2019 - |
解決
これは、しばらく保留されていた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で問題なく出力できます。アンダースコア&amp;以外のCSSハックを破ります。 / ** /ハッキング!多くのハックが進行している場合(または別のファイルに入れる場合)は、ミニファイヤを使用しないでください。
私のpythonのヒントはありがたいです。優しくしてください、それは私の初めてです。 :-)
他のヒント
Pythonで利用可能なYUIのCSSコンプレッサーのポートがあります。
PyPiのプロジェクトページは次のとおりです。 http://pypi.python.org/pypi/cssmin/0.1.1
誰かがこの質問に上陸してDjangoを使用している場合、 Django Compressor :
リンクされたインラインJavaScriptまたはCSSを単一のキャッシュファイルに圧縮します。
JS / CSSはテンプレートに属します
柔軟性
邪魔にならない
完全なテストスイート
既成のpython cssミニファイアーについては知りませんが、css utilsにはオプションがあります。ライセンスで許可されていることを確認して検証したら、ソースコードを調べて、自分で縮小する部分を切り取ることができます。次に、これを1つのスクリプトに貼り付けて、出来上がり!どうぞ。
ヘッドスタートとして、... / trunk / src / cssutils / script.pyのcsscombine関数は、361行目付近のどこかを縮小する作業を行っているようです(リビジョン1499をチェックアウトしました)。 &quot; minify&quot;というブール関数引数に注意してください。
優れたオンラインツール cssminifier があります。これには、非常にシンプルで使いやすいAPIもあります。 CSSファイルのコンテンツをそのツールのAPIにポストし、ミニファイしたCSSを返し、それをファイル&quot; style.min.css&quot;に保存する小さなPythonスクリプトを作成しました。自動展開スクリプトにうまく統合できる小さなコードであるため、気に入っています。
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 for the Web。