プロジェクトの svg スプライトシートを作成するために、インライン svg コンセプトを使用する予定です。
svg スプライトシートを作成するには、実際には多くの方法があります。スプライトシートを作成するには、(パフォーマンスのために) 2 つの方法を使用しました。それらは次のとおりです。
symbol一意の ID を持つタグを使用して各 svg のコンテンツをラップすることにより、すべての svg を単一の svg にグループ化します。これにより、後でuseHTML でタグを使用してこれを参照できます。background-imagecssプロパティを介して参照されるすべての svg を含む css ファイルを生成します。各 svg には一意のクラス名があります。
今、私はどの方法を正確に使用するかというジレンマに陥っています。参考までに、私は意見を求めているのではなく、パフォーマンスと最適なソリューションを検討しているため、これは意見に基づく質問ではありません。
PS: gulp タスク ランナーを使用して svg スプライト シートを生成できます。