タグ

ブックマーク / www.monster-dive.com (1)

  • Gruntで効率化! リリース前の面倒な作業をまとめる | MONSTER DIVE

    納品時には、少しでもページを速く表示させるために、CSS・JS・画像の圧縮などファイルを最適化し、Webサイトを高速化することは必要不可欠です。 ファイルを圧縮するには、アプリを使ったりWebサービスを使ってもできますが、一つ一つ行うと時間がかかってしまいます。作業漏れの原因にもなります。 そこで、納品前の面倒な作業をGruntでまとめて行いたいと思います。Gruntを使うことによって、Sass(SCSS)のコンパイルやHTMLの量産を簡単に出来たりするので、とても便利なツールです。事前にGruntのインストールと、SassとCompassのインストールを行ってから、ぜひ以下の手順でお試しください。 今回、Gruntでやることは下記の通りです。 HTMLファイルの圧縮 CSSファイルの圧縮 画像ファイルの圧縮 JSファイル圧縮 不要なファイル・フォルダの削除(Comassでスプライト画像を

    Gruntで効率化! リリース前の面倒な作業をまとめる | MONSTER DIVE
  • 1