vue3 -- 加载本地静态资源

2023-05-16

vue2 + webpack 使用的时候,加载图片资源的写法是这样的:

<img :src="require('@/assets/test.png')" />

这样打包后就会触发 file-loader 打包图片资源,在 dist 文件夹中就可以看到这个图片(如果图片较小会打包进代码中变为 base64 引入)。

vue3 + vite 使用的时候,加载图片资源的写法有两种:

在这里插入图片描述

方法1:将资源先引入

// 1:加载本地静态资源
 import markerFile from 
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue3 -- 加载本地静态资源 的相关文章

随机推荐