私が担当するエンタープライズのフロント開発では、1 年ほど前から Grunt によるビルドプロセスを導入していて、自分でもプロジェクトの特性に応じて Gruntfile.js のタスクをデザインする機会が多いのですが、最近流行の Yeoman が吐き出す Gruntfile.js を見るとなかなか参考になる点があったので、いくつか紹介したいと思います。 目次 1. load-grunt-tasks 2. テンプレート 3. ファイル指定方法あれこれ 「*」 「{}」 「{,*/}」って何? 4. 外部パラメータによるタスク分岐 5. 外部定義ファイルのインポート まとめ 1. load-grunt-tasks load-grunt-tasksとは package.json に定義されている Grunt タスクを見て、タスク起動時にロードしてくれるモジュールです。これでタスクを変更するたびに
![I am mitsuruog | Yeomanに学ぶモテるGruntfile.jsの書き方](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec53b36bea1bdb70f75f88963939387edd6a7ef6/height=288;version=1;width=512/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fblog-mitsuruog%2Fimages%2Fdefault_banner.png)