vite配置@别名

vite配置@根路径别名

vite.config.ts

import path from 'path'

export default defineConfig({
  plugins: [vue()],
  // 设置根目录别名‘@’
  resolve: {
    alias: {
      '@': path.resolve('src')
    }
  },
})

如果报错无法找到path，在命令行输入以下命令

npm install @types/node --save-dev

tsconfig.json

{
  "compilerOptions": {
  	//在文件中加入baseUrl和paths
    "baseUrl": ".",
    "paths": {
      "@/*": [
        "./src/*"
      ]
    }
  },
}