3.文件起别名

import path from "path";
import vue from "@vitejs/plugin-vue";
export default {
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
      comps: path.resolve(__dirname, "src/components")
    },
  },
  plugins: [vue()],
};

//使用
<template>
  <img alt="Vue logo" src="@/assets/logo.png" />
</template>
<script setup></script>
<style></style>