CSS圧縮 Closure Stylesheets

Closure Stylesheetsのインストール手順、CSSの圧縮/最適化

closure-stylesheetsのダウンロード

Downloads - closure-stylesheets - Closure Stylesheets - Google Project Hostingからclosure-stylesheets-20111230.jarをダウンロード。

Cドライブ直下にcompilerという名前でディレクトリを作成し、そこにclosure-stylesheets-20111230.jarを設置。closure-stylesheets.jarにリネーム。

JAVAがインストールされていない場合は、無料Javaソフトウェアをダウンロードからダウンロード。

compiler下に対象のcssを設置し、コマンドプロンプトを立ち上げ、closure-stylesheetsを実行。

cd C:\compiler java -jar closure-stylesheets.jar foo.css bar.css baz.css --output-file minify.css

対象のCSS

article { display: none; } article.selected { display: block; }
article{display:none}article.selected{display:block}

@charsetは削除しないとエラー。

@charset removed in default.css at line 1 column 1: @charset "utf-8"; ^ 1 error(s)

CSS整形

java -jar closure-stylesheets.jar --pretty-print minify.css --output-file default.css
article { display: none; } article.selected { display: block; }

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。