Для каждого делаете компонент или спрайтом?
Спрайты для свг не нужны. Как и в целом для картинок в 2023 году. Можно использовать https://www.npmjs.com/package/vite-svg-loader
очень сильно зависит от требований
У нас проект на vue-cli на вебпаке. Я сегодня пытался встроить vue-svg-loader, он сделал спрайт. Но затем я захотел сделать чтобы была демо страница с иконками, чтобы видеть что есть, но застрял.
Если делать через спрайты какие ограничения?
Мы на вебпаке тоже использовали vue-svg-loader, но он умеет и в инлайнинг свг без спрайтов Попробуйте импортировать через import from 'foo.svg?inline'
То есть напрямую просто иконку указывать, как если бы я прописывал в ручную. Не подходит ( Там около 100 иконок и у каждой 2 вида
https://blog.logrocket.com/using-svg-and-vue-js-a-complete-guide/ Тут метода есть как через компоненты добавлять, возможно подойдет
Можно написать свой маленький компонент обертку, который будет динамическим импортов доставать иконку
читал её сегодня) все что гугл выдал прочекал страниц 10 .., как то слабо освещена эта тема. В официальной доке рекомендован компонентный подход, но мне почему то кажется он избыточный, зато гибкий
у меня сейчас также спрайт формируется
Обсуждают сегодня