Я ищу оптимальный способ создания библиотеки значков для Angular Framework.
Мы хотим, чтобы конечный разработчик мог импортировать отдельные значки из библиотеки и вставлять их в свои шаблоны.Импортированные значки должны быть добавлены непосредственно в комплект приложения (вместо того, чтобы извлекать их по отдельности по URL-адресу), а неиспользуемые значки не должны переполнять комплект (например, с использованием дружественного подхода Tree Shaking).
Самый простой подход будетбыть для создания отдельного компонента для каждого значка и встраивать содержимое SVG непосредственно в шаблон компонента.Однако для создания / поддержки этих компонентов потребуется много авторской работы, так что это не очень удобный подход.Кроме того, такие компоненты будут работать только в Angular, но мы хотим сделать библиотеку несколько независимой от фреймворка.
Лучшим решением было бы загрузить контент SVG напрямую из отдельных файлов SVG и внедрить его в комплект приложенийа затем вывести содержимое, возможно, с использованием одного динамического компонента.
Однако есть ли способ на самом деле импортировать SVG-файл и добавить его в сборку, используя только Angular CLI?
Задача с Webpack кажется тривиальной, но мы не можем напрямую получить доступ к конфигурации Webpack в Angular CLI.