使用vite引用vue 3中数据属性或方法中的资产

Question

我刚开始使用Vue 3和vite，开发过程中一切都很顺利。然而，当我为生产构建应用程序时，数据属性中声明的资产将被忽略，并在生产构建中抛出404。以下是数据对象的外观。。。

data() {
return {
testimonials: [
{
customer_name: "John Doe.",
comment: "Some customer comment here...",
image: "/src/assets/img/awesome_customer.png",
},
...
]
}
}

将资产引用为"/src/assets/img/awesome_customer.png"在模板标记中有效，并且生产捆绑会正确地对其进行绑定，但如果它在数据属性或方法中使用，则不会。

有了vue-cli，我们会使用require()，但我还没能让它在vite中工作。有没有关于如何实现这一点的想法？

更新：我在这里设置了一个示例repo来演示我所指的内容。自述包含了复制的步骤。

Answer 1

升级到vite 2.0并导入图像，而不是直接在数据对象中引用图像，解决了这个问题。不过我想知道是否有更好的方法。

你可以关注这里的讨论