vue3中vite路径别名简写的配置

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

export default defineConfig({

  resolve: {
    alias: [
      {find: '@', replacement: resolve(__dirname, 'src')},
      { find: /^~/, replacement: '' }
    ]
  },

  plugins: [vue()]
})

按照上面的代码复制到 vite.config.js 配置文件中即可

使用简写如下

import HelloWorld from "@/components/HelloWorld.vue";

我的vite版本

"@vitejs/plugin-vue": "^1.9.3",
"vite": "^2.6.4"