gulpの導入から実行までにハマったためメモ


初めての記事更新。
仕事でgulpを導入する際にハマったため自分用にメモ。

環境

  • homebrew nodebrewはインストール済

こちら参考にしました。ありがとうございました
Node.jsをMacにインストール!(Homebrew→Nodebrew→Node.js順にインストール)

gulpのインストール(グローバル)

$ sudo npm install -g gulp

パスワードを入力してバージョンの確認

$ gulp -v
CLI version 2.1.0
Local version 4.0.0

できてた(⌒▽⌒)

package.jsonの作成

$ npm init

一旦全部yesで進めた

package name: (gulp-test)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)

gulpのインストール(プロジェクト内)

$ sudo npm i -D gulp

実行してみる

$ gulp
Error: Cannot find module 'gulp-sass'

モジュールがないって怒られた。

sudo npm install --save-dev gulp-sass@2

入れた!!!
もう一回実行してみる

AssertionError [ERR_ASSERTION]: Task function must be specified

エラーが出た。
調べてみるとgulpのバージョン4で変更点があるらしい

gulp v4.0.0がプレリリース! 移行方法と変更点まとめ

ここに詳しく書いてあった
gulpfile.jsの記法がバージョン3の時の書き方だったからエラーが起きたみたい。
一旦、gulpのバージョンを3.9.1に下げてみた。

$ sudo npm install --save-dev [email protected]

実行してみた。

$ gulp

gulp動いた\(^o^)/

以上、メモでした。

追記(2019/10/07)

5月末にgulp4にアップデートしたよ。(超今更)
また自分用のメモがてら、(多分)更新します。