原由

当前端项目组件比较多的时候，引用组件会面临路径特别长的情况，不易维护且容易出错。定义绝对路径映射是个好办法，下面就介绍 Vite+TypeScript 的项目中中的具体实现。

方案

• ​vite.config.ts​

  resolve: {
      alias: {
          "~": path.resolve(path.dirname(fileURLToPath(import.meta.url)), "src"),
  	}
  }
  

• ​tsconfig.json​

  {
    "compilerOptions": {
      "paths": {
        "~/*": ["./src/*"]
      }
  }