最近、HTML,CSS,JavaScript を記述するのに、Jade,Sass,LESS,Stylus,CoffeeScript
などのプリプロセッサが便利で使っていますが、CSSFrameworkを利用することもありファイルが複数に分かれていることが多くなってきました。
grunt に限らず自動化処理を実行して、本番環境用に結合( concat )・圧縮(minify)
して複数あるファイルを1つにまとめてアップロードする方も多いと思います。
しかし、HTML内で CSS( meta link=~ ) JavaScript (script src=~) は 本番環境では
minifyファイルを、開発環境では元々の複数にわかれたファイルのパスを設定することになります。
(Sassのinclude 等を使えば最終的には1ファイルに纏まりますが、CSSファイルのみの構成などもあるので・・・・)
意外とこれが面倒で、私は minify ファイルをリンクしたタグをコメントアウトした状態で挿入しておいて都度切り替えるということをしていました。
ここで登場するのが、grunt-usem