2012-02-06 7 views
6

私は何をしているかに基づいて2つの異なるIDEを使用します。私の主なIDEはVisual Studioで、私はChirpyを使ってコードをマッシュし、縮小しています。それは完璧に動作し、私はそれを愛する。問題は、私がWindowsのボックスにいないとき、私はそれにアクセスできないということです。OS XまたはWebstormでJSとCSSをどのように自動的に小さくしますか?

Visual Studioを使用していないときは、通常、Macst ProのWebstormにJavascriptアプリケーションを作成しています。ここに問題があります。 Webstormのプラグインやスクリプトを見たり、それらをマッシュアップ/縮小するために設定できる他のアプリは見つかりませんでした。

Macユーザーは最小限の労力でデザイン時にJSとCSSをマッシュ/ミニ化しますか?

答えて

1

私はMacユーザーでもWebstormユーザーでもありませんが、これはまだ関連している可能性があります。

javascriptの場合、私はclosure compilerをアップロードスクリプトの一部として使用して縮小します。それはファイルを監視せず、アップロード(bashファイル)を実行するときに実行されます。

IDEにすべて保存したい場合は、Webstormにクロージャーコンパイラの実行に使用できるAntプラグインhttp://plugins.intellij.net/plugin/?webide&id=4526があるようです。

コマンドラインのcssミニナを見つけることができれば、それをAntスクリプトにも入れることができます。

+0

[YUIコンプレッサー](http://developer.yahoo.com/yui/compressor/)はコマンドラインなので、それを使うことができます。 –

2

私は、lesscuglifyjsを使用して、私のcssファイルとjsファイルを連結して縮小しています。私はすべて私がコンパイルしたい時はいつでも、コマンドラインでmakeを入力しているので、それは簡単です

https://github.com/twitter/bootstrap/blob/master/Makefile

:ここで私はの修正バージョンを使用Twitterのブートストラップからのメイクファイルです。

3

無料、この機能内蔵されています。 File(またはMacの同等のもの) - > Settings - > File Watchersに移動し、監視する必要があるファイルの種類のファイルウォッチャーを定義します。

関連のヘルプドキュメントがここにある - http://www.jetbrains.com/webstorm/webhelp/using-file-watchers.html

1

私はMinifyを使用しています。それはMac App Storeにあります。

自分のワークフローをサポートするために開発しました。 minifyapp.com

関連する問題