vue3用vite创建工程src别名的配置

在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名！！！

1、vite.config.ts里面添加

import {defineConfig} from 'vite'

import vue from '@vitejs/plugin-vue'

import path from 'path'

export default defineConfig({

    plugins: [vue()],

    resolve: {

        alias: {

            "@": path.resolve("./src") // 相对路径别名配置，使用 @ 代替 src

        }

    }

})

注意：有时候报错没有path，下载模块就行。

解决：安装 @type/node 依赖包pnpm install @types/node 或 npm install @types/node --save-dev

2、在tsconfig.json中加上

"compilerOptions": {

  "baseUrl": "./",

  "paths":{

    "@": ["src"],

    "@/*": ["src/*"],

  },

},

3、创建声明文件 在 vite-env.d.ts里

declare module "@";