如果图片和组件位于同一目录下,可以使用相对路径来引用它们。 例如,如果图片位于与组件相同的目录下,可以使用来加载它。 使用require导入: Vue 3中,你可以使用require函数将图片作为模块导入,然后在组件中使用它。 首先,确保你已经安装了file-loader或url-loader插件。然后,在组件中使用以下代码: <template> </te...
在我们用 vue2 + webpack 的时候,加载图片资源是这样用的: 这样打包后就会触发file-loader打包图片资源,在 dist 文件夹中就可以看到这个图片(如果图片较小会打包进代码中变为 base64 引入)。 但是在 vue3 + vite 中,使用这种方式是不行的,vite 中没有 require 会报错。 解决方案 官方文档 中提到了两种方案...