Как сделать sprite.svg для webpack.mix.js?

Question

[Eduard07]

У меня вопрос, что подключить и что сделать для webpack, чтобы
- записывать svg в background-image
- подключать в html
- и сделать разницу между не простыми svg и простыми, чтобы можна было анимировать svg

Comments

[Rustam Bainazarov]

1. Конвертер в base64 (но зачем?).
2. А что мешает это сделать самому?
3. Что такое «простой и непростой SVG»? Вы уверены, что Webpack вам поможет в деле анимирования SVG? И зачем тут вообще Webpack? Покажите пример анимации, который вам нужен.

[Eduard07]

Рустам Байназаров,
Например
- sprite.svg#test
- чтобы подключать по тому же принцыпу
- ну есть svg который с много елементов, а для анимацыи нужно удалять stroke, fill и тд.тп, то чтобы разделать уже можна было над простыми и не простыми

[Eduard07]

Рустам Байназаров, у меня вопрос, я так понял вы в этом лучше разбираетесь, можна ли юзать иконкы шрифты ?

[Rustam Bainazarov]

Eduard07, насчёт иконочных шрифтов -- можно, но лучше через внешний файл svg#use -- так более универсальнo, но требует полифила (svg4everybody) для работы в IE и старых версиях EDGE.

[Eduard07]

Рустам Байназаров, спасибо