SVGS確認用コンポーネントを実装

[qrac]

スプライトアイコンのファイルに何が入っていてどのIDで呼び出せるのかわかりにくいので、プレビューするためのReactコンポーネントを作る。IcoMoonに付属していたHTMLのような感じ。src または public のファイルパスを配列で渡すと input / output のパス・実際の画像・idをグリッドで羅列する。これから結合するものと、すでに結合されているスプライトの表示に対応する。

export default function () {
  return <SvgsPreview items={["/src/assets/icons", "/assets/sprite.svg"]} />
}

[qrac]

個別のツールを作ったので一旦保留。

• https://svgshow.qranoko.jp/