はじめに
この記事はgulpを全然使えない筆者がgulpについて学んだことをメモするための記事です。少しずつ更新していくのです。
gulpとは？
タスクランナーツールだよ。npmを使ってgulp
同じようなツールにgluntもあるがこちらは書くコードの量が多くなったり、やや古いということもありgulpを選んだよ。
インストールするやつ
gulp-cli
なんの機能かは調べてもよくわからなかったけどとりあえずグローバルでインストールするよ。グローバルでインストールする必要ない、gulp-cliをそもそもインストールする必要すらないとする意見もあるよ。諸説あるね。その記事読んでも理解できなかったからとりあえずインストールしようね。理屈は使った後で補足するから待ってろ
gulp
とりあえずこれがなきゃ始まらないね
gulp-minify-css
cssを圧縮するらしいよ。
gulp-sass
sassで書いたものをcssに変換するために必要だよ。
gulp-imagemin
画像を圧縮するやつだよ。
gulp-changed
srcとdestのディレクトリ内の変更されたファイルだけストリームに流すよ。