vue3+ts项目配置别名

说明

在项目开发中，需要通过配置别名来方便开发读取文件目录。

配置文件vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from "path";

const pathSrc = resolve(__dirname, "src");

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": pathSrc,
    },
  },
});

（有的可能path会报错 安装一下@types/node即可）

配置文件tsconfig.json中的compilerOptions对象

"baseUrl": ".",
"paths": {
   "@/*": ["src/*"]
},