Skip to content

Vite 项目配置路径别名

基本上每个项目都需要配置路径别名,通过相对路径导入资源太麻烦了。

vite.config.ts

vite 项目打包时识别

ts
  base: './',
  resolve: {
    alias: {
      "@": path.resolve(__dirname, 'src')
    }
  }
  base: './',
  resolve: {
    alias: {
      "@": path.resolve(__dirname, 'src')
    }
  }

ts.config.json

编译时识别路径别名。

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