読者です 読者をやめる 読者になる 読者になる

mac(Lion)でnodeをインストールし、UglifyJS、sqwishもインストール


ほとんど、このページを参照
http://d.hatena.ne.jp/mollifier/20110221/p1

  • wgetが入っていなかったのでインストール(MacPorts経由)
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が作成されるため、レイアウトが微妙に異なる箇所が発生する。