vue3配置@文件系统路径

1、问题：在项目中引用通常是相对路径，在复用代码模块的时候，没注意就很容易路径出错

2、方案：通过vite设置resolve.alias来配置文件系统路径，在文件中就可以使用配置的路径，移动的时候就不会出现路径出错的问题

3、解决：在vite.config.js里配置resolve.alias

import path from 'path'
export default defineConfig({
  css: {
  },
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      "~@": __dirname,
      "@": path.resolve(__dirname, "./src")
    }
  }
})

在文件中使用

import xxx from '@/assets/xxx'
import xxx from '~@/src/assets/xxx'