Vite2 + typescript 配置路径别名@

vue-cli 搭建的 vue 项目的路径别名配置是在 vue.config.js。vite 搭建的 vue 项目的路径别名的配置需要修改两个文件：
vite.config.ts 以及 tsconfig.json

vite.config.ts

import { resolve } from 'path'

export default defineConfig({
	resolve: {
	    alias: {
	        "@": resolve(__dirname, 'src'),
	    },
	    extensions: ['.js', '.json', '.ts']
	}
})

vscode 会提示 导入 path 模块错误，这是因为 path 是 node.js 的模块，而 node.js 是不支持 typescript，所以这里需要安装依赖
yarn add @types/node -D

然后在 tsconfig.json 添加

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

这样就可以愉快的使用路径别名 @/

搞定