Как получить файл изображения, работающий с parcel.js и vue-loader в плагине WordPress
Я чувствую себя действительно застрявшим в этой простой вещи.
Я пытаюсь добавить 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 по умолчанию. Но я не знаю, как это сделать - я должен что-то отредактировать из файла js посылки bulndler?