Skip to main content

设置“@”别名

vue3​

在vue3项目要设置“@”这种别名，分别需要对以下几处进行修改：

  • vite.config.ts
  • tsconfig.json

vite.config.ts：

// vite 1.x
export default defineConfig({
    alias: {
      "@": "/src/",
    },
})

// vite 2.x
export default defineConfig({
  resolve: {
    alias: {
      "@": "/src/",
    },
  },
})

tsconfig.json：

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