Введение

О icons плагине

Для генерации веб иконок используется icons плагин. Задача данного плагина обрабатывать .svg файлы или растровые форматы изображений, таких как .png или .jpg и преобразовывать их в соответствующие пригодные для использования веб иконки.

Возможности icons плагина

• Генерация .svg в веб шрифты (Web fonts)
• Генерация .svg в svg спрайты (SVG sprites)
• Генерация растровых изображений в спрайты
• Возможность экспорта и импорта .svg иконок из проекта в .JSON формате
• Интеграция с SASS фреймворком путем генерации ficons и sprites SASS модулей
• Интеграция с HTML плагином
• Автоматическая генерации демо страницы со всеми иконками

Процесс разработки

Процесс разработки очень прост, следует поместить .svg иконки или иконки растрового формата в source/icons рабочую директорию плагина, расположение файлов не имеет значения. Файлы иконок можно категоризировать путем создания дополнительных директорий, максимальная глубина вложений равна - десяти.

TIP

Максимальная глубина вложений директорий равна - 10 (десяти).

Поддерживаемые форматы иконок:

• svg
• png
• jpeg / jpg

Векторные .SVG иконки, могут быть сгенерированы в один из следующих форматов:

• Web font icons
• SVG sprites

В режиме разработки, плагин может генерировать только один из соответствующих форматов.

TIP

Управление форматом генерации .SVG иконок осуществляется путем конфигурирования svgIconsMode параметра конфигурации icons плагина.

Растровые изображения, могут быть сгенерированы исключительно в sprites (Спрайт - это сгенерированное изображение состоящее из набора растровых изображений).

Все поддерживаемые форматы файлов из source/icons директории будут немедленно собранны в соответствующий формат иконок и доступны для использования в HTML разметке

TIP

Для генерации HTML разметки сгенерированной иконки, следует использовать icon инструмент HTML плагина. Данный инструмент генерирует HTML разметку относительно активного режима и типа генерируемой иконки.

В режиме разработки, можно ознакомиться со всеми иконками на авто-генерируемой ungic-icons демо странице!

По завершению разработки HTML компонентов или полноценных страниц с веб иконками, благодаря использованию icon инструмента, имеется возможность сгенерировать общий релиз относительно выбранных HTML страниц. Кроме общего релиза, можно сгенерировать релиз исключительно для иконок используя команду release icons плагина.