vite 路径别名 @ 配置
vite.config.ts
resolve.alias 配置
const path = require('path'); import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], resolve: { // 配置路径别名 alias: { '@': path.resolve(__dirname, './src'), }, }, });
tsconfig.json
paths
和 baseUrl
{ "compilerOptions": { "experimentalDecorators": true, "target": "esnext", "module": "esnext", "moduleResolution": "node", "strict": true, "jsx": "preserve", "sourceMap": true, "resolveJsonModule": true, "esModuleInterop": true, "lib": ["esnext", "dom"], "baseUrl": ".", "paths": { "@/*": [ "src/*" ] }, }, "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"] }
重启就可以使用