vite设置路径别名

vite.config.js

一、配置

import { defineConfig } from 'vite'
import path from 'path'

export default defineConfig({
  // ...其他配置项
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  }
  // ...其他配置项
})

二、使用

现在，在你的 Vite 项目中，你可以使用 @ 来代替 src 目录的绝对路径或相对路径。例如，如果你有一个位于 src/components 目录下的 Button.vue 组件，你可以这样引入它：

import Button from '@/components/Button.vue'

请注意，如果你还使用了 TypeScript，你可能还需要在 tsconfig.json 文件中配置 paths 和 baseUrl，以确保 TypeScript 编译器能够正确地解析这些别名。

参考文章：blog.csdn.net/weixin_5555…