javascriptの開発環境の変遷はめまぐるしいですね。
業務でつかっているタスクランナーを使って個人開発や軽いプラグインを作ったりするとなにかと取り回しが悪かったりするので、
なるたけ軽く開発環境を構築して、終わったらさっと解体したい。
そう思って最近試行錯誤しています。
ワンライナーウェブサーバー
ささっとWebサーバー建てられます。&
を付けるとタスクがバックグラウンドになるので、
何個もTerminal立てる必要ないですね。
$ php -S 0.0.0.0:8000 -t ./ &
$ python -m SimpleHTTPServer 8000 &
$ serve -p 8000 &
grunt &
と併用すればいいかも。
止めたくなったら fg
でフォアグラウンドにしてctrl+c
で消すとか
killall php
ってやればphpのタスク全部消せます。
ps
で今動いてるタスクリストして kill [番号]
すれば狙って消せます。
shellで管理する。
グローバルにインストールされたプラグインを使えば、npm install
する手間が省けます。
CoffeeScript
$ coffee -mwc coffee/*.coffee &
Stylus
$ stylus -m -w *.styl &
その他でも同様にお願いします。
これを毎回やるのは面倒なので、shellscriptを作ります。
ShellScriptを書く
フロントエンドな人には割と疎遠なshellscriptですが、
カンタンな物を書くだけなら誰でも出来て便利です
# runserver
$ php -S 0.0.0.0:8000 -t ./ &
# coffeescritp
$ coffee -mwc coffee/*.coffee &
# stylus
$ stylus -w *.styl &
alias killproject='killall php coffee stylus'
こんな具合ですね。
実行は sh
コマンドで。
$ sh hoge.sh
まとめ
もうちょい賢い方法を模索したいですが、最近はコレで気負いなく制作出来てます。
業務使いでも、画像圧縮したいだけなら、
gulp-imagemin
を npm install
してタスク登録してあれこれやるより、
$ imagemin images/* dest
したほうが圧倒的に軽量ですね。
minifyもuglifyも同様だと思います。