原由

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

方案

• ​vite.config.ts​

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

• ​tsconfig.json​

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

如果由于某些原因，IDEA 源代码的 src 目录没有被标上 Source Root 标记，那么编译的时候是不会生成 class 文件的。

这个问题搞了我好久终于找到了解决办法，重新加上标记即可。

方法：

在 src 目录点击邮件 Mark Directory as -> Source Root，重新编译即可。