typescript 中使用 @ 路径别名

使用路径别名 @/some/path/index.ts 可以很简单的表示一个文件的绝对路径（其实是相对于 @ 的相对路径）

  1. 安装 @types/node
1

yarn add @types/node
  1. 配置 tsconfig.json , 一下是基于 vite2 项目配置
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

{
    "compilerOptions": {
        // ... ,
        "types": [
            "node"
        ],
        // https://github.com/vitejs/vite/issues/279
        "paths": {
            "@/*": [
                "./src/*",
            ]
        }
    },
    // ...
}
  1. 就可以在 ts 文件中使用 @ 别名引入了。
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

// 使用绝对路径
import httpc from '@/apis/httpc'
// 使用相对路径
import httpcli from './httpc'

export interface DomainRelation {
    domain: string
    provider: string
}

async function getDomains(): Promise<DomainRelation[]> {
    const resp = await httpc.get('/domain')
    return resp.data
}

export default {
    getDomains
}