はじめに 前回のこれからはじめるGulp(22):gulp-iconfontとgulp-sketchを使ったアイコンフォント作成の自動化でSVGアイコンからアイコンフォントを自動生成する方法を試しました。今回は前回の記事をベースにgulp-consolidateを使ったアイコン一覧を確認できるHTMLを作ってみます。 この記事はSymbols for Sketchを参考にしています。 gulp-consolidateについて gulp-consolidateはLo-Dashやswig等のテンプレートエンジンをGulpから使えるようにするプラグインです。対応しているテンプレートエンジンはこちらに記載されています。 デザインファイル デザインファイルは前回の記事のアイコンデータをそのまま利用します。 テンプレートファイル 今回、時間短縮のためにSymbols for Sketchのソースにある
![これからはじめるGulp #23:gulp-consolidateでgulp-iconfontで作ったアイコンフォントのシンボル一覧HTMLを作る | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/03a1ea44cc6ca0d02a5082d489e39167ed533931/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F05%2Ficon-gulp-400x400.png)