HTMLテンプレート「Rin」で、LESSのコンパイルと画像自動圧縮をgruntで行うようにしました
HTML と Less をセットにした Boilerplate 的なテンプレート「Rin」をアップデートし、gruntを使ってLESSのコンパイルと画像自動圧縮を行うようにしました。
Rinとは
Rin は色々な web サイトで使える HTML テンプレートです。リーンなテンプレートなので凛です。
変更点
Gruntを使ってlessのコンパイルと画像圧縮ができます。
まずnode.jsをインストールして、
次にgruntをインストールします。
sudo npm install -g grunt-cli
そしてプラグインをインストールします。
npm install
package.jsonに書いてあるプラグインがインストールされます
最後にgruntを起動します。
grunt
これで、gruntを起動している間は less を保存する度にコンパイルします。また、images/フォルダ以下を監視し、画像を自動的に圧縮しdist/imagesに追加します。圧縮できるファイルはgif,jpg,pngです。
詳しい情報は README をお読みください。
Rin、サクッとウェブページ作る用途で特に役立つと思うので、ご利用ください。