Vue3 Почему при сборке проекта в dist/assets копируются не все изображения?

Question

[tostershmoster]

Проект на Vite + Vue3. Запускаю сборку и в папке dist/assets после сборки не хватает svg файлов. Как это исправить?

Файлы до сборки


После сборки


Не хватает svg файлов

icon-* используется на кнопках

<img :src="`/src/assets/img/icon-${social}.svg`" :alt="social" class="button-social-image">

social передаётся в компонент пропсами 'facebook' | 'whatsup' | 'vk' | 'telegram'

hall-* внутри .json файла

"content":{
      "small":"<img src=\"src/assets/img/hall-1.svg\" alt=\"зал 1\">",
      "big":"<img class=\"halls-scheme__tab-content-image-big\" src=\"src/assets/img/hall-1-big.svg\" alt=\"зал 1\">"
    },

Есть ли какой-то способ включить эти файлы в сборку без изменения кода?

Comments

[Антон Антон]

а как эти файлы используются в проекте?

[tostershmoster]

Антон Антон, icon-* используется на кнопках

<img :src="`/src/assets/img/icon-${social}.svg`" :alt="social" class="button-social-image">

social передаётся в компонент пропсами 'facebook' | 'whatsup' | 'vk' | 'telegram'

hall-* внутри .json файла

"content":{
      "small":"<img src=\"src/assets/img/hall-1.svg\" alt=\"зал 1\">",
      "big":"<img class=\"halls-scheme__tab-content-image-big\" src=\"src/assets/img/hall-1-big.svg\" alt=\"зал 1\">"
    },

[Антон Антон]

tostershmoster, если хочется прям так использовать, то лучше файлы в public переложить. ну или разобраться с динамическим импортом (что может быть немного сложновато) https://vitejs.dev/guide/features.html#dynamic-import

ну а еще лучше разобраться с https://www.npmjs.com/package/vite-plugin-svg-sprite (я использую) или чем-то подобным, тогда и иконки красить стилями можно будет и грузиться будет быстрее.