mac(Lion)でnodeをインストールし、UglifyJS、sqwishもインストール
ほとんど、このページを参照
http://d.hatena.ne.jp/mollifier/20110221/p1
sudo port install wget
- nvmをインストール
git clone git://github.com/creationix/nvm.git ~/.nvm
source ~/.nvm/nvm.sh
(.profileに設定が必要)
- nodeをインストール
nvm install v0.6.19
nvm use v0.6.19
(.profileに設定が必要)
node --version
- javascript圧縮ツール(UglifyJS)をインストール
npm install uglify-js
インストール先は
./node_modules/uglify-js
になるようです。
圧縮したいjsのディレクトリに移動し、
対象のjsファイル名が「common.js」の場合
~/node_modules/uglify-js/bin/uglifyjs common.js > common.min.js
とすることで圧縮完了。
- css圧縮ツール(sqwish)をインストール
npm install sqwish
インストール先は
~/node_modules/sqwish
になるようです。
圧縮したいcssのディレクトリに移動し、
対象のcssファイル名が「common.css」の場合
~/node_modules/sqwish/bin/sqwish common.css
とすることでcommon.min.cssが作成される。
-
- strictオプションを追加することで、重複などを削除してくれるらしいが、
厳密には異なるcssが作成されるため、レイアウトが微妙に異なる箇所が発生する。