vite+ts环境配置路径别名@，安排~

一、vite.config.ts

具体代码如下，由于是uniapp项目，所以会有 uni 的导入

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import { resolve } from 'path'

export default defineConfig({
	plugins: [uni()],
	resolve: {
		alias: {
			'@': resolve(__dirname, './src')
		}
	}
});

注意： 如果 import { resolve } from 'path' 标红报错，说明没有下载 @types/node 依赖包，通过npm安装一下就可以了（安装在开发依赖中即可 devDependencies）。

二、tsconfig.json

具体代码如下

{
  "compilerOptions": {
    "target": "esnext",
    "useDefineForClassFields": true,
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "lib": ["esnext", "dom"],
    "types": ["@dcloudio/types"],
    "baseUrl": "./",
    "paths": {
	"@/*": ["src/*"]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}

注意：重点配置 paths，但是 paths 的路径映射依赖 baseUrl 属性，所以 baseUrl 也必须配置才行。下图，我把baseUrl 删掉，给大家看下报错信息：

三、使用

经过上面两步，配置就算完成了，是不是包学包会。具体使用如下