169 похожих чатов

Всем привет. Ребят как вы используете svg иконки в проектах?

Для каждого делаете компонент или спрайтом?

10 ответов

23 просмотра

Спрайты для свг не нужны. Как и в целом для картинок в 2023 году. Можно использовать https://www.npmjs.com/package/vite-svg-loader

очень сильно зависит от требований

Valera-[Razor] Автор вопроса
Vladislav Stepanov
Спрайты для свг не нужны. Как и в целом для картин...

У нас проект на vue-cli на вебпаке. Я сегодня пытался встроить vue-svg-loader, он сделал спрайт. Но затем я захотел сделать чтобы была демо страница с иконками, чтобы видеть что есть, но застрял.

Valera-[Razor] Автор вопроса
Max Lomov
очень сильно зависит от требований

Если делать через спрайты какие ограничения?

Valera [Razor]
У нас проект на vue-cli на вебпаке. Я сегодня пыта...

Мы на вебпаке тоже использовали vue-svg-loader, но он умеет и в инлайнинг свг без спрайтов Попробуйте импортировать через import from 'foo.svg?inline'

Valera-[Razor] Автор вопроса
Vladislav Stepanov
Мы на вебпаке тоже использовали vue-svg-loader, но...

То есть напрямую просто иконку указывать, как если бы я прописывал в ручную. Не подходит ( Там около 100 иконок и у каждой 2 вида

Valera [Razor]
Если делать через спрайты какие ограничения?

https://blog.logrocket.com/using-svg-and-vue-js-a-complete-guide/ Тут метода есть как через компоненты добавлять, возможно подойдет

Valera [Razor]
То есть напрямую просто иконку указывать, как если...

Можно написать свой маленький компонент обертку, который будет динамическим импортов доставать иконку

Valera-[Razor] Автор вопроса
Max Lomov
https://blog.logrocket.com/using-svg-and-vue-js-a-...

читал её сегодня) все что гугл выдал прочекал страниц 10 .., как то слабо освещена эта тема. В официальной доке рекомендован компонентный подход, но мне почему то кажется он избыточный, зато гибкий

Valera-[Razor] Автор вопроса

Похожие вопросы

Обсуждают сегодня

Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Коллеги, я тут для личных нужд пошел ставить MQTT сервер, пощупал mosquitto, но ужаснулся отсутствию такой банальности, как HTTP API для посмотреть список топиков. А тут что,...
Maksim Lapshin
13
#include <stdio.h> #include <stdlib.h> #include <time.h> void mass_first_generate(int mass[5][7]) {     for (int N = 0; N < 5; N++) {         for (int A = 0; A < 7; A++) {   ...
Чувак
6
Всем привет! Решаю 99 OCaml Problems и столкнулся со следующей проблемой (прошу палками не забивать, я OCaml практически не трогал до этого момента): open OUnit2 let create_...
К|/|pи/\/\ 6е3yглbIи
2
https://www.linkedin.com/posts/ugama-benedicta-kelechi-codergirl-103041300_mobiledevelopment-fluttertraining-handsonlearning-activity-7263445699227254784-IdHB?utm_source=share...
CoderGirl
16
Ну вот просто даже давайте вот как. Какой нибудь конкретный кейс, можете в пример привести, где бч работает и приносит прикладную пользу, а не просто что бы было? Не крипту.
Alexander Andreev
22
Точно, оно. У тебя там имена потоков выставляются?
Александр (Rouse_) Багель
11
возможно ли как-то передать в электрон или таури медиа поток с рендера 2д движка? двиг запускается как dll, а дальше надо как-то отправлять рендер кодировать не подходит, зр...
Kyle Nekto
7
Помогите пожалуйста. Делаю систему плагинов. Проблема сейчас в такая: плагины загружаются в основном потоке. FLibHandle := SafeLoadLibrary(FFileName) Но нужно еще выполнить фу...
Илья 🤣
10
объясните пожалуйста, почему функция не работает должным образом? вроде должно брать активное окно сравнивать его размер с размером экрана, и если есть совпадение = true прове...
JF
12
Карта сайта