タスクランナー Gulp 備忘録

活用例

この動画の中では,以下の内容処理をしてdistフォルダに吐き出すということをされています。
①htmlファイルをコピー。
②sassファイルのコンパイル
③gulp-imageminによる画像圧縮
④ gulp-uglifyによるjsのminify
⑤gulp-concatによる複数のjsコードのバンドル処理

これに加えて対象フォルダ内のファイルに変更があった時に自動的に上記の処理をしてくれるというのも紹介されています。
www.youtube.com




参考サイト
Sassのコンパイル
ics.media

画像圧縮
qiita.com

jsファイルのminify
qiita.com

複数のjsコードのバンドル処理
weblabo.oscasierra.net


weblabo.oscasierra.net


画像パスの書き換え
www.yoheim.net
www.npmjs.com