Пути к файлам и доступ к ним в приложении, системе дизайна и сторонних библиотеках ⇐ Javascript

[Anonymous]

столкнулся с проблемой, где сторонняя библиотека (

Код: Выделить всё

intl-tel-input

), который используется в библиотеке системы дизайна (

Код: Выделить всё

my-design-system

) как часть компонента «UserProfile» имеет некоторые неработающие визуальные стили при использовании системы дизайна в приложении (

Код: Выделить всё

my-app

) из-за неправильного пути к файлу и разрешения. Мне не ясно, на каком этапе цепочки лежит проблема.
Как это выглядит в моей дизайн-системе


Как это выглядит в моем приложении< /p>


При просмотре сетевых инструментов разработки для моего приложения вы можете увидеть ошибки 404. где изображения не загружаются, и ясно, что путь неправильный, однако, если я ищу те же имена файлов, я вижу их в my-design-system/dist, но, очевидно, проблема связана с с разрешением этих файлов, особенно учитывая, что я не знаю, какие имена этих файлов будут при сборке.
[img]https://i.sstatic. net/19HZWie3.png[/img]

Webpack используется для создания как моей системы проектирования, так и моего приложения. Конфигурацию веб-пакета для системы дизайна можно найти здесь, а основную часть конфигурации веб-пакета для my-app можно найти здесь.
По сути, мой вопрос звучит так, как будто он мог бы быть похожим на этот (без ответа)
Как мне лучше всего решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -party-lib