angular - typescript - 使用 "@"符号导入自定义类

Question

当我们以下列方式导入包时，我已经看到了发生的情况

import { SharedModule } from '@shared/shared.module';

在这种情况下@shared 指的是位于我们项目中的文件夹

/src/共享

我希望避免在开始时使用点和斜线(相对路径方法)以经典方式导入我的类，例如

从 './shared/shared.module' 导入 { SharedModule };

有谁知道如何实现这一目标？

Answer 1

基本上你正在寻找一种叫做 alias 的东西。 .

为了能够使用别名，我们必须像这样将 baseUrl 和路径属性添加到我们的 tsconfig.json 文件中 -

{
  "compilerOptions": {
    "...": "reduced for brevity",

    "baseUrl": "src",
    "paths": {
      "@app/*": ["app/*"],
      "@env/*": ["environments/*"]
    }
  }
}

所以现在您可以使用 @app 导入您的文件或 @env .

有关更多详细信息，您可以引用这篇很棒的文章。

https://medium.com/@tomastrajan/6-best-practices-pro-tips-for-angular-cli-better-developer-experience-7b328bc9db81#3144