在vue3和vite工程中使用@路径别名配置

一、在tsconfig.json中添加配置

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

二、在vite.config.ts中添加配置

import { resolve } from "path";
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {

  return {

    resolve: {
      alias: {
        "@": resolve(__dirname, "./src"),
        "vue-i18n": "vue-i18n/dist/vue-i18n.cjs.js"
      }
    },