我真的被这件简单的事情困住了。
我正在尝试img
在我的 Vue 模板中添加一个带有 static 的元素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
)后,我可以看到 parcel 正在builds
编译的 js 所在的文件夹中添加一个新图像,并且我在 WordPress(js 文件)中将其排入队列。但是当我在浏览器中打开页面时,我只得到
<div class="some-class
<img src="/img.89b1362f.png" alt="">
</div>
我的猜测是我没有做任何事情来告诉 parcelJS 实际上该图像应该具有与默认图像不同的 url。但我不知道该怎么做——我应该从 parcel bulndler js 文件中编辑一些东西吗?