Я работаю над преобразованием некоторых существующих Angular компонентов в веб-компоненты с использованием Angular Elements, чтобы их можно было встроить на другой сайт.
Одна проблема, с которой я столкнулся, заключается в том, как включать изображения (или другие ресурсы) в пакет веб-компонентов. Например, если у меня есть компонент, который использует значок, например:
<img class="my-icon" src="/assets/icons/my-icon.png" />
Стандартные ответы предлагают использовать URI встроенных данных ( example ), что мне кажется разумным.
Кто-нибудь знает, существуют ли какие-либо существующие инструменты для такой замены во время сборки ng? В идеале было бы читать путь к файлу -> преобразовать в URL-адрес данных -> заменить указанное выше sr c на URL-адрес данных. Я нашел несколько проектов веб-пакетов, таких как 'base64-inline-loader', но они, похоже, больше ориентированы на применение этого изменения в CSS, чем в HTML / где-либо еще.