vue3中配置@为根目录

1、下载 path  

npm i path -s 

2、在vite.config.ts 中引入

import path from  'path'

3、在配置文件中添加

export default defineConfig({
  plugins: [vue()],
  base: './',
  // 配置path，需要安装和引入
  resolve: {
    // 配置路径别名
    alias: {
      '@': path.resolve(__dirname, './src'),
    }
  }
})

4、注意：如果你使用的是ts,他会检测不到__dirname,这时你还应该在tsconfig.ts文件中进行配置，

添加如下代码

{
 "compilerOptions": {
  ...
  "types": [
    "node"
  ]
  ...
  }
}

5、下载配置代码的依赖，安装@types/node

npm install @types/node --save-dev