Автоматизированный CSS Спрайт SVG файлов phpstorm
Я ищу лучший способ подачи изображений. Я думаю, что SVG-файлы и спрайт — лучший метод, который я нашел, я хотел знать, есть ли способ автоматизировать этот процесс. Я хочу иметь возможность поместить файлы SVG в папку и получить выходной файл спрайта и файл CSS с соответствующим отображением.
/img
sprite-icon.svg
/svg
icon-facebook.svg
icon-twitter.svg
/css
icons.css
index.html
Я использую phpstorm для разработки.
Моим первым инстинктом было создать скрипт php и прикрепить средство просмотра файлов.
Что я должен делать?
Решение
Есть несколько способов сделать это, но ни один из них не встроен в Phpstorm из коробки — но он позволяет легко добавлять их через систему запуска задач.
Так что метод, который я использую, заключается в использовании gulp.js с Глоток-спрайт-SVG плагин и запуск его из Phpstorm’s Гулп бегун.
Другие решения
Других решений пока нет …