vite为vue3配置@路径，vite路径配置

Posted 2023-02-24 qq_27449993

vite的ts环境里面没有配置@，我们需要自己配置

再vite.config.ts这个文件里面

配置alias

  resolve: 
      alias: 
        '@': path.resolve(__dirname, './src'),
        '*': path.resolve('')
        ,
    ,

import path from 'path'

然后再再tsconfig.json文件配置 baseUrl，paths 参数

  "compilerOptions": 
    "target": "ESNext",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "esModuleInterop": true,
    "lib": ["ESNext", "DOM"],
    "skipLibCheck": true,
    "baseUrl": ".",
    "paths": 
      "@/*": ["src/*"]
    
  ,
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
  "references": [ "path": "./tsconfig.node.json" ]

 然后重新运行就行