gulpの設定を簡単に行える、gulpfile generatorを作りました。

gulpfile.jsをGUIで作成できるgulpfile generatorを作りました。現在の自分のベストプラクティスです。順次更新していいものにしていきます。

URL

http://steelydylan.github.io/gulp-generator/

スクリーンショット

使い方

使用したいオプションにチェックをするだけです。
画像の最適化や、アイコンフォント生成なども利用できます。

オプション

CSS

• CSSの構文をチェックする

• プリプロセッサーを使用する

• オートプリフィクサーを使用する

• CSSのプロパティ順を整理する

• CSSのメディアクエリを整理する

• CSSを圧縮する

• スタイルガイドを使用する

JavaScript

• Browserifyを利用する

• altJSを使用する

• JSの構文をチェックする

• JSを圧縮する

• JSを結合する

HTML

• テンプレートエンジンを使用する
• HTMLを圧縮する

その他

• BrowserSync
• 画像の最適化
• アイコンフォント作成