Unformed Building

WebStorm/PhpStormからYUI Compressorを使う

公開:
更新:

パーマリンク

CSSとJavaScriptを圧縮できる「YUI Compressor」をWebStorm/PhpStormから使う方法です。
1つ前の「WebStorm/PhpStormでSassをコンパイルする」で、コマンド入れて何かできるんならこれもできるかもなーと思ったのでやってみたら上手くいったのでついでに書いておきます。

まず、JavaがインストールされていたらYUI Compressorをダウンロードして、適当な場所に展開します。ダウンロードは以下のリンクからどうぞ。

YUI Compressor

前回と同じようにSettingsからExternal Toolsと進んで、[Add]ボタンをクリック。
ダイアログが出てくるので、そこに入力していきます。

Programの欄には、java.exeへのパスを入力。自分の場合はこれでした。

C:\Program Files\Java\jre6\bin\java.exe

次はParametersですね。
YUI Compressorのページを参考に、こんな感じで書きます。変換するファイルのパスとかは前回と同じように指定します。
(これはCSSの場合)

-jar yuicompressor-2.4.7.jar "$FilePath$" -o "$FileDir$\$FileNameWithoutExtension$.min.css" --charset utf-8

YUI Compressorのバージョンは自分の環境に合わせてください。あと、オプションや圧縮後のファイル名も好きなようにつければいいと思います。

Working DirectoryはYUI Compressorのある場所を指定します。
まあ好きな場所に置いとけばいいと思います。

C:\YUI\yuicompressor\build

あとはファイルを選んでツールを選択すればOKです。


以上と同様のやり方で「Closure Compiler」や「CSS Lint」、「JSHint」なんかも実行できます。