Gulp導入したい
Twitterでは
2017年ごろにgulp環境構築した時はMacOSバージョン固有のバグもあったりして気が狂いそうに
というリプライをいただいて戦慄する。
Kindleのセール時に買った教本は2017年の刊行物なのであやしいなあと思い始める。
2018年にGulpがv.4になり、色々変更点があるらしい。
膠着したので一旦 npm と Node.js をアンインストールする。
code:terminal
$ sudo npm uninstall -g npm
$ sudo rm -rf /usr/local/bin/node
----------
2019年版の情報を使い、ようやくインストールできた。
変更点: Node.js を 10.16.0 LTS (推奨版) → 12.6.0 (最新版) にバージョンアップ
Node.js インストールを確認
code:terminal
$ node -v
package.json を生成
code:terminal
$ cd /Users/ユーザー名/Desktop/testproject
$ npm init -y
Gulp本体をインストール
code:terminal
$ npm install -D gulp
Gulp-sassをインストール
code:terminal
$ npm install -D gulp gulp-sass
gulpfile.js 書いて(コピペ)、
css/style.scss 書いて(コピペ)、
実行
code:terminal
$ npx gulp
css/style.css できた。
教本いらなかったやん!
疑問点
新しいプロジェクトに Gulp をインストールできるようになったが、
プロジェクトを引き継ぐ場合(= Node.js や Gulp のバージョンが古くなる場合)どうやったらいいのか。