vite中alias別名配置

vire.config.js

// 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()],
})