環境を整えるにあたって、便利そうな機能をメモ。

gulp-plumber
コンパイルエラーが出てもgulpを停止させない
gulp-notify
コンパイルエラーの内容をデスクトップに表示
gulp-sourcemaps
開発者ツールでcssではなくsassの記載位置を表示
gulp-mode
本番環境と開発環境で書き出し方法を分けたいときに使用
del
ファイルの削除を行う
gulp-dart-sass
sassを使う！
gulp-sass-glob
@import の簡略化
gulp-postcss
Autoprefixer等、PostCSS製だと単体では動かないプラグインがあるのでこいつが必要
autoprefixer
指定したデバイスに合わせてプレフィックスをつけてくれる
css-declaration-sorter
プロパティをソートしてくれる
gulp-group-css-media-queries
同じ指定のメディアクエリをひとまとめにする
gulp-purgecss
指定したファイル内で使用していないCSSを削除
gulp-clean-css
CSSを圧縮
gulp-uglify
jsを圧縮
gulp-ejs
ejsを使う
browser-sync
ファイルの変更を監視、変更後自動的にブラウザをリロードする