Я использую vuecli 3 для создания прототипа веб-приложения.Мои ссылки на ресурсы изображений не обрабатываются какой-либо системой.Там нет ошибок или доказательств того, что URL замечаются.
Шаблон файла vue компонента
<div class="icon" style="background-image: url('./assets/document.png')">
Выходной HTML
<div class="icon" style="background-image: url('./assets/document.png');"></div>
Vuecli и Webpack вместе должны повернуть мойссылки на что-то еще. Согласно документации это должно происходить автоматически .Я пробовал варианты URL, в том числе с использованием ~@
, и результат тот же.
В других местах я использую require('./assests/document.png')
в javascript, и это успешно обрабатывается в закодированное в base64 встроенное изображение.