TypeScript配置别名

1. 配置tsconfig.json

baseUrl 为当前路径，用于给paths匹配路径。paths配置别名。

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

2. 配置babel

首先安装babel-plugin-module-resolver插件，然后配置babel.config.js

plugins: [[
  "module-resolver",
  {
    alias: {
      // resolve @ to packages/core/src
      "@": "../core/src",
    },
  },
]]

3. 配置tsc-alias

如果你的项目使用tsc做类型检查，则需要单独安装个插件解决tsc的时候找不到路径

yarn add -D tsc-alias
// 运行tsc
tsc --noEmit && tsc-alias && eslint '**/*.{ts,tsx}'