配置alias（设置别名@）

Vite配置alias需要两步进行（TS项目）

1、修改vite.config.ts（让程序支持）2、修改tsconfig.json（让编辑器支持）

修改vite.config.ts

import { defineConfig } from 'vite' 
import path from 'path'
​
function _resolve(dir: string) {return path.resolve(__dirname, dir)
}
​
// https://vitejs.dev/config/
export default defineConfig({ // ... 此处省略其他配置选项// 配置项目别名resolve: {alias: {'@': _resolve('src'),},},// ... 此处省略其他配置选项
})

修改tsconfig.json

{"compilerOptions": {// ... 此处省略其他配置选项"paths": { // 配置导出路径（根据自己项目目录修改）"@/stores*": ["./src/stores*"],"@/components*": ["./src/components*"],"@/router*": ["./src/router*"],"@/utils*": ["./src/utils*"],"@/pages*": ["./src/pages*"],},// ... 此处省略其他配置选项},// ... 此处省略其他配置选项"exclude": ["node_modules",],"include": ["src/*","src/**/*.vue","src/**/*.tsx","src/**/*.jsx","src/**/*.ts","src/**/*.js"]
}

Taro配置alias需要两步进行（TS项目）

1、修改vite.config.ts（让程序支持）2、修改tsconfig.json（让编辑器支持）

修改config.ts

import path from "path";
const config = {// ... 此处省略其他配置选项framework: "react",alias:{"@": path.resolve(__dirname,"..","src")}, // ... 此处省略其他配置选项
};module.exports = function (merge) {if (process.env.NODE_ENV === "development") {return merge({}, config, require("./dev"));}return merge({}, config, require("./prod"));
};

修改tsconfig.json

{"compilerOptions": {// ... 此处省略其他配置选项"baseUrl": "./src","paths": {"@/*":["./*"]},// ... 此处省略其他配置选项},// ... 此处省略其他配置选项
}