Size: a a a

2020 November 11

AS

Alexey Schebelev in Svelte [svelt]
Каждая иконка == компонент?
источник

L

LeshaK in Svelte [svelt]
да
источник

AS

Alexey Schebelev in Svelte [svelt]
это плохо для размера бандла
источник

AS

Alexey Schebelev in Svelte [svelt]
каждый компонент это кучка бойлерплейта после компиляции
источник

AS

Alexey Schebelev in Svelte [svelt]
тру вей - 1 компонент и подгрузка в него иконки(например svg-path)
источник

L

LeshaK in Svelte [svelt]
Я сначала пошел по этому пути, но скорость + SSR
источник

AS

Alexey Schebelev in Svelte [svelt]
ну дело хозяйское =)
источник

L

LeshaK in Svelte [svelt]
А разве Tree shaking не поможет в бандле иметь только 1 компонент?
источник

L

LeshaK in Svelte [svelt]
и мне очень нужен SSR
источник

AS

Alexey Schebelev in Svelte [svelt]
LeshaK
А разве Tree shaking не поможет в бандле иметь только 1 компонент?
Нет, конечно. Будет столько компонентов, сколько разных иконок заюзано.
источник

L

LeshaK in Svelte [svelt]
А в чем тогда проблема?
источник

L

LeshaK in Svelte [svelt]
если нужно вставлять как SVG картинку, ее можно через img и она загрузится отдельно, можно на ходу ее парсить и вставлять как svg
источник

L

LeshaK in Svelte [svelt]
но это когда картинки большие, но иконки?
источник

AP

Alexander Ponomarev in Svelte [svelt]
там обертка вокруг каждой иокнки повторяется по идее
источник

AS

Alexey Schebelev in Svelte [svelt]
не,  каждый компонент компилируется в JS-класс - там есть кучка бойлерплейта - условно байт на 150 - 50 иконок - уже несколько кб получится
источник

AP

Alexander Ponomarev in Svelte [svelt]
у тебя будет столько оберток одинаковых сколько иконок заюзаешь
источник

AS

Alexey Schebelev in Svelte [svelt]
даже наверное больше чем 150 байт
источник

AS

Alexey Schebelev in Svelte [svelt]
надо псомтреть ради интереса
источник

L

LeshaK in Svelte [svelt]
какие варианты, но чтоб работало и в SSR, и не требовало подзагрузки?
источник

AP

Alexander Ponomarev in Svelte [svelt]
ну через @html же должно работать и частичный парсинг иконки с обрезкой
источник