Я чувствую себя действительно застрявшим в этой простой вещи.
Я пытаюсь добавить элемент img
в шаблон Vue со статическим src
.Компонент используется в плагине WordPress.
Вот мой шаблон (расположение файла vue /wp-content/plugins/my-plugin/assets/parcel/src/components/my-component.vue
):
<template>
<div class="some-class">
<img src="../assets/img.png" alt="">
</div>
</template>
Файл изображения находится в /wp-content/plugins/my-plugin/assets/parcel/src/assets/img.png
.
После сохранения файла компонента (и с npm run watch
) я вижу, что посылка добавляет новое изображение в папку builds
, где находится скомпилированный js и откуда я помещаю его в WordPress(файл JS).Но когда я открываю страницу в браузере, я получаю только
<div class="some-class
<img src="/img.89b1362f.png" alt="">
</div>
Я предполагаю, что я ничего не делаю, чтобы сказать parcelJS, что на самом деле это изображение должно иметь URL, отличный от URL по умолчанию.Но я не знаю, как это сделать - нужно ли мне что-то редактировать из файла js посылки bulndler?