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

  • 36
    Like
  • 0
    Comment
More than 1 year has passed since last update.

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

URL

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

スクリーンショット

Screen Shot 2015-07-05 at 9.35.13 AM.png

使い方

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

オプション

CSS

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

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

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

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

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

  • CSSを圧縮する

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

JavaScript

  • Browserifyを利用する

  • altJSを使用する

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

  • JSを圧縮する

  • JSを結合する

HTML

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

その他

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