Встраивание изображения в HTML в сторонний javascript виджет пользовательского интерфейса - PullRequest
0 голосов
/ 04 августа 2020

Я создал виджет javascript UI (пакет nom), который можно использовать как виджет в других приложениях узла, установив виджет как зависимость npm. Я использую webpack для связывания виджета. Я хочу изображение в библиотеке виджетов HTML. Изображение находится в папке / assets в файловой системе кода виджета.

Ниже приведена файловая структура виджета. Я пытаюсь использовать loading.gif.

введите описание изображения здесь

У меня есть правило в webpack.config. js для обработки файлов изображений

{
    test: /\.(png|svg|jpg|gif)$/,
    use: ['file-loader']
}

Теперь, когда я использую этот виджет в другом приложении узла, изображение не не отображаются (я вижу значок сломанного изображения в div). Я вижу ошибку 404 в разделе Сеть консоли разработчика. Я пробовал разные пути для изображения (относительный и абсолютный). Но я все еще не могу использовать изображение. Не могли бы вы помочь мне с проблемой? Спасибо.

...