49

Web サイトの展開プロセスの一部として CSS を縮小できる単純な Python スクリプトを探しています。(Python はサーバーでサポートされている唯一のスクリプト言語であり、 CSS Utilsのような本格的なパーサーはこのプロジェクトには過剰です)。

基本的にCSSはjsmin.pyがいいと思います。依存関係のない単一のスクリプト。

何か案は？

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で正常にテストされます。アンダースコアと/**/ハック以外のCSSハックを壊します！多くのハッキングが行われている場合は、ミニファイアを使用しないでください（または別のファイルに入れてください）。

私の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

非常にシンプルで使いやすい API も備えた素敵なオンライン ツールcssminifierがあります。CSS ファイルのコンテンツをそのツールの API に投稿し、縮小された CSS を返し、それをファイル「style.min.css」に保存する小さな 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()
于 2015-05-01T00:37:16.310 に答える
2

誰かがこの質問にたどり着き、Django を使用している場合、この問題で一般的に使用されるDjango Compressorというパッケージがあります。

リンクされたインラインの JavaScript または CSS を 1 つのキャッシュ ファイルに圧縮します。

  • JS/CSS はテンプレートに属します

  • 柔軟性

  • 邪魔にならない

  • 完全なテスト スイート

于 2015-06-08T15:10:01.690 に答える
1

Webassetsのドキュメントには、複数のコンプレッサーとコンパイラーへのリンクがあります。そのリストからpyScssを選択しました。これは、結果の CSS も縮小します。

CSS コンプレッサーだけが必要な場合は、csscompressorを試すことができます。

YUI CSS Compressor のほぼ正確なポート。すべての元の単体テストに合格します。

より一般的なツールはcss-html-prettifyです:

StandAlone Async 単一ファイル クロスプラットフォーム Unicode 対応 Python3 Prettifier Beautifier for the Web.

于 2015-12-21T12:40:37.457 に答える
1

既製のpython cssミニファイアについては知りませんが、あなたが言ったように、css utilsにはオプションがあります。ライセンスで許可されていることを確認して確認したら、ソースコードを調べて、自分で縮小する部分を切り取ることができます。次に、これを 1 つのスクリプトに貼り付けてください。ほらね。

有利なスタートとして、 .../trunk/src/cssutils/script.py の csscombine 関数は、行 361 あたりのどこかを縮小する作業を行っているようです (私はリビジョン 1499 を調べました)。「minify」と呼ばれるブール関数の引数に注意してください。

于 2008-10-21T17:18:50.580 に答える