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-sampleで紹介します。