はじめに この記事はGulp.js(全俺) Advent Calendar 2014です。 前回のこれからはじめるGulp(23):gulp-consolidateでgulp-iconfontで作ったアイコンフォントのシンボル一覧HTMLを作るでgulp-consolidateを使ったアイコン一覧を確認できるHTMLを作りました。今回は前回のデザインデータをもとにgulp-spritesmithを使って矢印のアイコンのSpriteイメージを作ります。 gulp.spritesmithについて gulp.spritesmithはSprite画像とCSSを生成できるプラグインです。Sprite画像の生成にはspritesmithを利用しています。 デザインデータ 前回も使った4つの矢印アイコンを含んだデザインデータを流用します。 プラグインとモジュールのインストール 必要なプラグインとモジュー