Gulpでのタスク作成

Gulpを動作させるには、プロジェクトのルートフォルダに配置される特別なファイル gulpfile.jsが必要です。このファイルにはGulp用のタスクが配置されます。これらのタスクはJavaScriptの関数です。

ウォーミングアップとしてテストタスクを作成してみましょう。まず、指定されたファイルを作成し、そこにライブラリを接続します：

let gulp = require('gulp');

最初のタスクを持つ関数を作成し、それをエクスポートします：

let gulp = require('gulp');

function task(cb) {
	console.log('my first task completed!');
	cb(); // 特別なコールバック、詳細は後述
}

exports.default = task;

プロジェクトフォルダ内で、コマンドラインから以下のコマンドを実行してタスクを起動します：

gulp

コンソールに現在の時刻を出力するタスクを作成してください。コマンドラインからこのタスクを実行してください。

cbの説明

お気づきかもしれませんが、タスク関数のパラメータとしてコールバック関数が渡され、タスクの最後で呼び出される必要があります：

function task(cb) {
	console.log('my first task');
	cb(); // コールバックを呼び出す
}

これは、Gulpにタスクが完了し、次のタスクに進めることを通知するために行われます。

深く考える必要はありません - 最後にコールバックを呼び出すだけです。次のレッスンでは、タスクがreturnを通じて何かを返す場合、コールバックの呼び出しは不要になります。