【IntelliJ IDEA】CSSとJavaScriptの圧縮

YUI Compressor のインストール

HomebrewYUI Compressor をインストールします。

brew install yuicompressor

IntelliJ IDEA の設定

  • IntelliJ IDEA で 「Preferences」を開き「File Watchers」へ。
  • 「+」ボタンをクリックして、「YUI Compressor CSS」または「YUI Compressor JS」を選択。
  • Homebrew で インストールした「yuicompressor」のパスが設定されているはずなので、それを確認して「OK」

f:id:mzctamb:20171110125555p:plain

f:id:mzctamb:20171110125607p:plain

f:id:mzctamb:20171110125615p:plain

例えば「custom.css」を変更すると、同階層にそれを圧縮した「custom.min.css」ファイルが自動的に生成され、更新されるようになります。便利!

参考