Шаблон Vue PWA с использованием SVG-спрайтов - PullRequest
0 голосов
/ 01 мая 2018

В настоящее время я пытаюсь использовать svg-спрайт внутри компонента vue, но я не могу заставить его работать вообще. Я гуглю уже несколько часов, но не могу найти рабочее решение. Я попытался добавить svg-loader в конфигурацию webpack, но ничего не работает. Все, что я просто хочу сделать, это:

<svg><use xlink:href="../assets/fa-regular.svg#bars"/></svg>

Но я всегда получаю 404 за 'fa-normal.svg'. Что мне не хватает? Я даже не знаю с чего начать. Это проблема vue-loader? Проблема с веб-пакетом?

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

Привет

1 Ответ

0 голосов
/ 01 мая 2018

С https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href

SVG 2 убрал необходимость в пространстве имен xlink, поэтому вместо xlink: href вам следует использовать href.

Так попробуйте это:

<svg><use href="../assets/fa-regular.svg#bars"/></svg>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...