У меня есть компонент Angular, который я публикую с помощью npm. Я обнаружил, что у него есть зависимость от CDN для изображения, и вместо этого хотел включить и распространить это изображение в самом модуле. Я смог изменить свой файл gulp, включив в него папку с изображениями, и после установки компонента в тестовом приложении я вижу изображение в node_modules/myComponent/изображения.
Проблема в том, что изображение в моем опубликованном компоненте ссылается на изображения/component_image.png, но родительское приложение, использующее компонент, конечно, не может найти изображения/component_image.png.
Мне нужно, чтобы он искал node_modules/myComponent/images/component_image.png. Как я могу сделать эту относительную ссылку?
🤔 А знаете ли вы, что...
С помощью Angular можно создавать плагины и расширения для других приложений.
@Liam указал, что это делается в конфигурации Angular cli, ответил Здесь. Мне просто нужно было добавить это в мой angular.json под активами.
{
"glob": "**/*",
"input": "node_modules/myComponent/assets/images",
"output": "./assets/images"
}