vite alias配置路径地址别名

先安装@types/node

yarn add @types/node --save-dev

目录下会多出 tsconfig.node.json文件

 修改tsconfig.json,增加如下配置

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

 打开vite.config.ts文件

 导出resolve

import { resolve } from "path";

 配置需要的路劲别名

export default defineConfig({
  base: './',
  plugins: [vue()],
  resolve: {
    alias: {
      src: resolve(__dirname, "src"),
      components: resolve(__dirname, "src/components"),
      utils: resolve(__dirname, "src/utils"),
    },
  },
});