// resolve.alias
import {
defineConfig
} from 'vite'
import path from "path";
import vue from '@vitejs/plugin-vue'
// https://vitejs.dev/config/
export default defineConfig({
resolve: {
alias: {
"@": path.resolve(__dirname, "src"),
"components": path.resolve(__dirname, "src/components"),
"styles": path.resolve(__dirname, "src/styles"),
"plugins": path.resolve(__dirname, "src/plugins"),
"views": path.resolve(__dirname, "src/views"),
"layouts": path.resolve(__dirname, "src/layouts"),
"utils": path.resolve(__dirname, "src/utils"),
"apis": path.resolve(__dirname, "src/apis"),
"dirs": path.resolve(__dirname, "src/directives"),
},
},
plugins: [vue()],
})
关于报错
image.png
如果用了ts那么还需要在tsconfig.js中进行额外配置，注意path对象是在compilerOptions对象里面
"compilerOptions": {
"paths":{
"@/*": ["src/*"],
"@components/*": ["src/components/*"],
},
}
