我使用的是最新的Angular CLI,我创建了一个自定义组件文件夹,它是所有组件的集合.

例如,TextInputComponent有一个TextInputConfiguration类,放在src/components/configurations.ts中,在我使用它的src/app/home/addnewuser/add.user.component.ts中有:

import {TextInputConfiguration} from "../../../components/configurations";

这很好,但随着我的应用程序越来越大,越来越深,../个增加,我该如何处理?

之前,对于SystemJS,我会将路径配置为system.config.js,如下所示:

System.config({
..
 map : {'ng_custom_widgets':'components' },
 packages : {'ng_custom_widgets':{main:'configurations.ts', defaultExtension: 'ts'},
)};

如何使用Angular CLI为webpack生成相同的内容?

推荐答案

this comment个,您可以通过tsconfig.json中的paths添加应用程序源:

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

然后可以从app/components/绝对导入,而不是相对于当前文件:

import {TextInputConfiguration} from "@components/configurations";

注:100 must be specified if 101 is.

另见

Typescript相关问答推荐

Angular 过滤器形式基于某些条件的数组控制

带有联合参数的静态大小数组

TypeScript Page Routing在单击时不呈现子页面(React Router v6)

具有动态键的泛型类型

学习Angular :无法读取未定义的属性(正在读取推送)

如何在TypeScrip中从字符串联合类型中省略%1值

TypeScrip界面属性依赖于以前的属性-针对多种可能情况的简明解决方案

在分配给类型的只读变量中维护const的类型

如何以Angular 导入其他组件S配置文件

在VSCode中显示eslint错误,但在终端中运行eslint命令时不显示?(Vite,React,TypeScript)

APP_INITIALIZER在继续到其他Provider 之前未解析promise

在Mac和Windows上运行的Web应用程序出现这种对齐差异的原因是什么?(ReactNative)

界面中数组中的混合类型导致打字错误

如何在Next.js和Tailwind.css中更改悬停时的字体 colored颜色

如何为对象数组中的每个条目推断不同的泛型

递归JSON类型脚本不接受 node 值中的变量

如何在Typescript 中定义具有相同类型的两个泛型类型的两个字段?

从 npm 切换到 pnpm 后出现Typescript 错误

在Nestjs中,向模块提供抽象类无法正常工作

const 使用条件类型时,通用类型参数不会推断为 const