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

Question

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

маленьким чанком? Тут видно что есть папка solid и outline из heroicons и получается что каждый раз при загрузки сайта грузятся все иконки, хотя я не все из них использую

#nuxt.js #programming #russian #software

0

21.11.2021

6 ответов

24 просмотра

Марат Автор вопроса

Егор Малько
А я наивно думал что nuxt подгружает пользователю ...

Я подключал иконки через свой компонент который импортировал их через reqiure('~/assets/svg/${this.icon}'). И из-за этого вебпак видит что я могу импортировать любую иконку и закидывает их все в финальный бандл. Нужно было вручную импортировать иконки в компонентах и все было бы ок...

0

21.11.2021

Константин Голощапов

Егор Малько
А я наивно думал что nuxt подгружает пользователю ...

Lazy компоненты э, аналогично и решим проблему с свг, выносим тело свг иконки как отдельный компонент и подключаем его через Lazy

0

21.11.2021

Егор Малько

Вроде выше на твой вопрос ответили

0

21.11.2021

Timur

Константин Голощапов
Lazy компоненты э, аналогично и решим проблему с с...

Спасибо за полезный совет, рою этот чат в поисках способов оптимизации. Не подскажете, верно ли я понял, что под каждую шаблонную страницу в таком случае нужно создавать отдельный компонент иконки? Сейчас я добился того, чтобы отцепить SVG'шки в отдельный чанк, но естественно цель — раздробить, иначе все равно всё грузится

0

20.12.2021

Константин Голощапов

Timur
Спасибо за полезный совет, рою этот чат в поисках ...

Lazy должен грузить только тогда когда они используеться на тещей подгруженной (в моём представлние) странице

0

20.12.2021