イナヅマTVログ

File watchers

PhpStormやIntelliJ IDEAでJavaScriptをminifyするためのメモ – File Watchersでね

| 0件のコメント

おれメモです。
Jetbrains謹製エディタでJavaScriptをminifyするための手順メモ。

ミニファイ・ツールをインストール

下記の3種の内どれかを使えばよいらしい。
Closure compiler
YUI compressor
UglifyJS

PhpStorm Help: Minifying JavaScript

node.jsインストール

npmでインストールする様子。
node.js最新版へインストールし直した。

node.js
パッケージをダウンロードし.pkgをダブルクリックしてインストール。

Closure compiler
npm install closure

YUI compressor
npm install yuicompressor

UglifyJS
npm install uglify-js

プラグイン、File Watchersインストール

エディタのPluginsからFile Watchersをインストール

jarファイルダウンロード

File Watchersを設定しようとすると.jarファイルへのパスを要求される。
npm install で.jarはインストールしてくれないのかな。

はて?どこにあるのやら。
node.jsとかよう分からん。

なんかバカみたいだけど.jarファイルをダウンロードした。

Closure compiler
YUI compressor

File Watchers設定

エディタの環境設定( command + , ) > File Watchers

[+]ボタンを押しプルダウンからツールを選ぶ。

Closure compiler選択

– watcher settingの
Program: ダウンロードしたcompiler.jarへのパスを入力
Working directory: $ProjectFileDir$/js/src に設定した
Output paths: $ProjectFileDir$/js/$FileNameWithoutExtension$.min.js に設定した

/js/src なファイル階層で生JSをsrcで書いてminify後のファイルがjsに書き出される感じ。

File watchers

おまけ

node.jsは多分エライはずだからなんか設定すればできるんだろうなーと思った。

CoffeeScriptとかTypeScriptとかHaxeとか使うとこんなことしなくても良いんだろうなーとも思った。
原始人なので生でJavaScript書くもんね、まだしばらく。

コメントを残す

必須欄は * がついています


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください