1 npm i vite-plugin-vue-images -D

2 vite.configts.ts 文件中配置

 import { defineConfig } from 'vite'

import ViteImages from 'vite-plugin-vue-images'

export default defineConfig({

        //插件中导入指定图片存放的目录

        plugins: [ ViteImages({ dirs: ['src/assets'] }) ]

})

3

<template>

//直接使用图片名称：如下图

<img :src="logo " />

</template>

<script lang="ts" setup>

//告别应用中导入图片

//import logo from '@/assets/logo.png'

</script>