TS项目配置alias（设置别名@）

1、修改vite.config.ts

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

function _resolve(dir:string) {
    return path.resolve(__dirname, dir)
}

export default defineConfig(() => {
    return {
        ...
        resolve: {
            alias: {
                '@': _resolve('src')
            }
        },
        ...
    }
})

2、修改tsconfig.json

{
    "compilerOptions": {
        ...
        "paths": { // 配置导出路径，根据自己项目修改
            "@/components*": [
                "./src/components*"
            ],
            "@/router*": [
                "./src/router*"
            ],
            ....
         },
         "exclude": ["node_modules"],
         "include": [
         "src/*", 
         "src/**/*.ts", 
         "src/**/*.tsx", 
         "src/**/*.vue",
         "src/**/*.js", 
         "src/**/*/jsx"]
    }
}