仕事の Web フロントエンド開発でファイル構成を以下のように管理したくなった。 jQuery や normalize.css などのライブラリと自作部を分ける 開発用 HTML では素の JavaScript、CSS を参照 リリース用 HTML では複数の JavaScript と CSS を結合 & Minify したものを参照 リリース用のファイル構成には必要最小なものだけが含まれるようにする この要望を満たすのに grunt-usemin がよい感じだったので使い方をメモしておく。 あと別件で Yeoman を試してみようとしたが構成要素である Grunt や Bower の理解が浅くファイル構成で混乱したので、今回の記事ではこれらに慣れるため素で使ってみる。 開発用ファイル構成 開発用のファイル構成はルート部分に HTML を配置。そこから参照されるものがサブ フォルダになると