Как получить файл изображения, работающий с 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?

0 ответов

Другие вопросы по тегам