Edited at

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

初めての記事更新。

仕事でgulpを導入する際にハマったため自分用にメモ。


環境


  • homebrew nodebrewはインストール済

こちら参考にしました。ありがとうございました:relaxed:

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がプレリリース! 移行方法と変更点まとめ

ここに詳しく書いてあった:relaxed:

gulpfile.jsの記法がバージョン3の時の書き方だったからエラーが起きたみたい。

一旦、gulpのバージョンを3.9.1に下げてみた。

$ sudo npm install --save-dev gulp@3.9.1

実行してみた。

$ gulp

gulp動いた\(^o^)/

以上、メモでした。


追記(2019/10/07)

5月末にgulp4にアップデートしたよ。(超今更)

また自分用のメモがてら、(多分)更新します。