使用TypeScript的Babel模块解析器

本教程是该系列中的第2部分。

• 第1部分：如何设置Babel模块解析器

在这里，你将学习如何使用TypeScript与Babel Module Resolver的别名，这些别名在你的.babelrc文件中定义：

{
  ...
  "plugins": [
    [
      "module-resolver",
      {
        "root": ["./"],
        "alias": {
          "@components": "./src/components",
          "@constants": "./src/constants",
        }
      }
    ],
  ]
}

为了获得与TypeScript相同的别名映射，tsconfig.json文件需要看起来像这样：

{
  "compilerOptions": {
    ...
    "baseUrl": ".",
    "paths": {
      "@components/*": ["./src/components/*"],
      "@constants/*": ["./src/constants/*"]
    }
  },
  ...
}

现在你也可以在你的TypeScript文件中使用带有别名的导入状态。