omachizura

仕事メモ、役に立ったスキルをまとめています。


gulpの便利なおすすめプラグイン

gulpを導入するとWEB開発をとても効率よく簡単に行うことができるようになります。

私がよく利用している便利なプラグインを紹介します。

gulpおすすめプラグイン一覧

gulp-less

LESSをコンパイル

gulp-autoprefixer

CSSにベンダープレフィックスを付与

gulp-plumber

エラー時にタスクを停止させない

gulp-notify

デスクトップ通知を行う

gulp-imagemin

画像を圧縮

gulp-html-escape

HTMLの特殊文字をエスケープ

gulp-rename

出力するファイル名をリネーム

gulp-changed

変更したファイルのみ処理する

gulp-cached

変更したファイルのみ処理する

gulp-webserver

localhostを起動

gulp-load-plugins

gulp-xxxのプラグインを一括ロード

gulp-soften

タブをスペースに変換

gulp-minify-html

htmlを軽量化

gulp-uglify

javascriptを軽量化

これら上記のプラグインを利用したタスクの例を gulpの便利なタスク gulpfile.jsの記述例 で紹介します。