gulpのタスクは、gulpfile.jsに記述し、ターミナルから gulp
コマンドを実行することでタスクを走らせることができます。こちらのエラーが出てしまう原因は、const gulp = require('gulp')
をターミナルが実行することができないことが原因です。
参考までに、私がやったgulpを実行するまでの手順を記載させていただきます。
gulpを利用するためにはNode.jsの実行環境が必要になります。 Macでしたらこちらの記事を参考にhomebrewからインストールするのが簡単です。
nodeがインストールされているか確認する手段として node -v
や npm -v
というコマンドをターミナルに入力し、バージョンが表示されていたらインストール済みです。
gulp
コマンドを使えるようにするために、npm
コマンドを使ってインストールします
terminal
1> npm install --global gulp
2
3... いろいろ表示される ...
4
5> gulp -v
6CLI version: 2.2.0
7Local version: Unknown
8
9>
ここまででgulp
の実行環境が整いました。 最後にgulpfile.jsというファイルをディレクトリに作り、そこにタスクを記述します。
JavaScript
1// ファイル名は gulpfile.js です。
2const gulp = require('gulp')
3
4// ここにタスクを記述する
5
タスクが記述できましたら、先ほど作ったgulpfile.jsがいるディレクトリでgulp
実行をします。
terminal
1> ls
2
3... gulpfile.js がちゃんと存在するかを確認 ...
4
5> gulp
6[11:49:05] Using gulpfile <現在いるディレクトリ>/gulpfile.js
7[11:49:05] Task never defined: default
8[11:49:05] To list available tasks, try running: gulp --tasks
9
このように表示されれば、gulp
を実行する環境が整っている状態となります。