gruntから徐々にgulpを使っていきたい時など

シナリオ

gulpでないと面倒な事象に行き当たり、どうしてもgruntからgulpに
乗り換える必要がでてきた。
しかしgruntファイルが肥大化しているので、全部書き換えるのも面倒だ。

最初はGruntfileの他にgulpfileも用意して併用すればいいかと考えたが、
gruntのタスクABCとgulpのタスクXYZを一緒に使いたかった。

この場合

grunt内でgulpを呼び出す
gulp内でgruntを呼び出す

の2択があるが、既存のフローがgruntだという理由で今回は1を選択。

grunt内でgulpを呼び出す

gulpfile側は

gulpfile.coffee

gulp = require 'gulp'

gulp.task 'ABC', ->
    # do something

module.exports = gulp # ここだけ追加!

Gruntfile側は

Gruntfile.coffee

require('coffee-script/register') # 最新のCoffeeScript使いたい

module.exports = (grunt) ->

    grunt.registerTask 'gulp-ABC', ->

        require('./gulpfile').start('ABC', @async())

    grunt.registerTask 'ABC-XYZ',   ['gulp-ABC', 'XYZ'] # XYZはどこかに定義されてる別タスク

もちろん.coffeeでなく.jsでもいい。

解説

gulpはgulp.start()で呼び出せるので、requireした後それを呼んであげればよい。
requireできるようにexportsすればそれでOK。

@async()は、gruntタスク終了時のコールバック関数を返すもの。
これをgulp.start()の最後の引数に渡すと、gulpタスク終了時にこの関数が実行されてうまい具合にいく。

require('coffee-script/register')は、
CoffeeScriptでGruntfileを書いてるとき限定の話で、そうでなければ無視していただいてOKだが、
小話として聞いてほしい。

gruntのcoffeescriptが古すぎる問題というのがあって、これのせいで、

gulp.src './xxx'
    .pipe yyy()

このメソッドチェーンができない。
なのでgruntコマンドからrequire('./gulpfile')したときのrequireを、
新しいCoffeeScriptのrequireにしてあげないといけない、という理由で
require('coffee-script/register')と書いた。

ログを出す

ログを出す部分のコードはgulpの bin/gulp.jsに書かれているので、上記の方法だと厳しい。
それはしょうがないとしよう。