前言

在 webpack 中通常用 require() 来引入静态图片，但在 vite 中这种方法就不行了。

本文实现了 在 vue3+vite 项目开发中，实现引入本地图片（静态资源），并且 build 打包后依然正常运行，

支持普通 标签使用，也支持 UI 组件库的各种 “图片属性” 当参数进行使用。

如下图所示，按照步骤进行操作，保证 100% 成功引入和运行。

实现代码