传统的vite + vue3项目配置alias只需要配置tsconfig.json,vite.config.ts即可。但react不按套路出牌,我也配置了这两个文件,但就是有问题。 查阅得知,react项目需要配置tsconfig.app.json和vite.config.ts这两个文件
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
}
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
resolve: {
alias: {
"@": path.resolve(__dirname, "./src"),
},
},
});