SassとJadeのコンパイルと圧縮、JavaScriptの圧縮とファイルの結合ができます。またbrowser-syncによるライブリロードにも対応しています。
エラーが出た場合は処理を停止させず、デスクトップ通知されます。コンパイル元のファイルはsourceディレクトリに置いてください。コンパイル先のファイルはbuildディレクトリに出力されます。
使い方は簡単でgulpを実行するだけです。
gulpcssとjsを圧縮する場合はminifyを実行します。
gulp minifyCSSでできることは以下の通りです。
- scssからCSSにコンパイル
- source mapの出力
- ベンダープレフィックスの自動付与
- csscombで整形と宣言の順番を変更
- cssファイルの圧縮
HTMLでできることは以下の通りです。
- JadeからHTMLにコンパイル
JavaScriptでできることは以下の通りです。
- source mapの出力
- jsディレクトリ内の.jsファイルを圧縮
- jsディレクトリ内の.jsファイルを結合
コンパイルと圧縮以外のタスク。
- browser-syncによるライブリロード
- stylestatsでcssファイルの解析（
.jsonとして出力）