vite使用短链接

增加改配置项

vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path';

export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    },
  },
})

使用

在任何地方都可以使用这个短链接了

import('@/views/login/index.vue')

ts支持

如果在ts中用短连接，或许还会识别不到，这个时候需要在tsconfig.json>compilerOptions中，再次额外添加你的配置别名项就好

"baseUrl": "./",
"paths": {
    "@/*": ["src/*"]
 },