vite配置@

[]

首先下载:

npm install path

然后vite.config.js中配置：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 下面这两行
import {resolve} from 'path'
const srcPath = resolve(__dirname, 'src')
export default defineConfig({
  plugins: [vue()],
  server: {
    host: "127.0.0.1",
    port: 9300,
    // open: true, // 启动后是否自动在浏览器中打开
  },
  resolve: {  // 这部分
    alias: {
      "@/": `${srcPath}/`
    }
  }
})

然后你就可以在组件中使用了:

<img src="@/assets/vue.svg" alt="">