はじめに 前回のこれからはじめるGulp(22):gulp-iconfontとgulp-sketchを使ったアイコンフォント作成の自動化でSVGアイコンからアイコンフォントを自動生成する方法を試しました。今回は前回の記事をベースにgulp-consolidateを使ったアイコン一覧を確認できるHTMLを作ってみます。 この記事はSymbols for Sketchを参考にしています。 gulp-consolidateについて gulp-consolidateはLo-Dashやswig等のテンプレートエンジンをGulpから使えるようにするプラグインです。対応しているテンプレートエンジンはこちらに記載されています。 デザインファイル デザインファイルは前回の記事のアイコンデータをそのまま利用します。 テンプレートファイル 今回、時間短縮のためにSymbols for Sketchのソースにある