Как получить файл изображения, работающий с parcel.js и vue-loader в плагине WordPress - PullRequest
0 голосов
/ 27 октября 2018

Я чувствую себя действительно застрявшим в этой простой вещи.

Я пытаюсь добавить элемент 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?

...