Как подключить ресурсы assets в библиотеку Angular 8?

Question

[Павел Талайко]

Значит создал библиотеку описывающую компоненты. Компоненты должны использовать иконки. Иконки где-то должны находиться (assets). Как правильно это сделать?
Как подключить ресурсы assets в библиотеку Angular 8?
Структура проекта:

Comments

[msdosx86]

в angular.json есть раздел assets, попробуйте туда

[Павел Талайко]

msdosx86, angular.json относится к проекту, который использует библиотеку /projects/devpav-angular/.
Но для того чтобы автономность библиотеки была, нужно создать свои ресурсы для неё. Вот.

[msdosx86]

Павел Талайко, если вы делаете отдельную либу, которую потом можно использовать в других ангуляр проектах, то надо делать так https://angular.io/guide/file-structure#library-pr...

[Павел Талайко]

msdosx86, на скрине так и есть.

Answer 1

[Павел Талайко]

Короче, если ресурсом являются svg изображения, то создаём собственный компонент администрирующий их и используем по библиотеке. можно вставлять напрямую svg. Не знаю насколько способ верный, но он мне подошел по следующим причинам: не нужно использовать иные библиотеки для иконок и покрывает все мои нужды.

Answer 2

[Qairat]

Если иконки у тебя svg, есть еще такой вариант.
Можно через сайт icomoon сделать их как шрифты.
Добавляешь все свои иконки туда, потом этот сайт генерирует иконки в шрифты.
И можешь у себя проекте использовать таким образом:

<i class="icon-settings"> </i>

Почему так удобно? Потому что можешь в стилях задавать им размер, и цвет.
А если будешь использовать svg на прямую, то тебе придется для разных цветов, добавлять лишние иконки.

Comments

[Павел Талайко]

Сделал сервис регистрирующий svg как string.



Делаю загрузку в модуле NgxDevpavIconModule всех возможных icons.

В компоненте добавляю логику получения преобразованной иконки.
Проверяю обновление цветов и изменяю иконку в сервисе иконок.



Получился компонент в котором отлично задаются стили и размеры: