vue3+ts配置@别名

一、vite.config.ts

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "src"),
    },
    extensions: [".ts", ".vue", ".js", ".jsx", ".tsx"], // 导入时想要省略的扩展名列表。,
  },
})

二、tsconfig.json

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

三、配置成功，直接使用@

component: import("@/pages/home/index.vue")