如何在 Typescript 中使用绝对路径？

Question

我有一个在 NodeJS 上用 Typescript 编写的项目。 我正在使用我的模块的相对路径来导入另一个。 但是随着项目的增长，这种用法变得越来越脏。 因此，我想将相对路径转换为绝对路径。

这是我的项目文件夹结构：

src
├── controllers
├── repositories
├── services
│   ├── user.service.ts
|── tsconfig.json

我想使用导入另一个模块，如下所示。

import userServices from "src/services/user.service";

配置文件

"moduleResolution": "node",
"baseUrl": ".",
"paths": {
  "*": ["src/*"]
}

以上配置不适用于我的工作区。

你能帮我解决这个问题吗？

Answer 1

将此添加到您的 tsconfig.xml 文件中。 根据您的需要更改路径

{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}

Answer 2

有一个TypeScript功能允许这样做。

您可以修改src/tsconfig.json文件以启用此功能，在compilerOptions下，添加以下内容：

{
  "compilerOptions": {
    // ...
    "paths": {
      "*": [
        "./*",
        "app/*",
        "../node_modules/*"
      ]
    }
}

您显然可以根据需要更改模式键和值。 您添加或删除文件夹，您可以更改顺序等。

您还可以选择前缀而不仅仅是* （尤其是在出现问题的情况下），您可以使用类似 ~/* 的内容，然后您的导入将全部来自'~/shared/sample'等。