繁体   English   中英

在 Angular 库中使用 tsconfig 路径?

[英]Using tsconfig paths with Angular libraries?

我正在创建一个 Angular 库,并在tsconfig.lib.json添加了以下paths配置:

  "compilerOptions": {
    "outDir": "../../out-tsc/lib",
    "target": "es2015",
    "declaration": true,
    "inlineSources": true,
    "types": [],
    "lib": [
      "dom",
      "es2018"
    ],
    "paths": {
      "@fs/*": ["src/lib/*"]
    }        
  }

但是尝试导入以下内容:

import { Test } from '@fs/Test'

不起作用。 任何人都知道 Angular 库是否支持tsconfig.lib.json hte paths配置选项?

通常我使用typescript-transform-paths对编译结果执行路径转换,我希望 Angular 已经为库烘焙了这样的东西?

尝试在tsconfig.json文件中使用以下模式:

"paths": {
  "@services/*": ["app/path/to/services/*"],
  "@components/*": ["app/path/to/some/deeply/nested/component/*"],
  "@environments/*": ["environments/*"] 
},

然后在导入时:

import { yourServiceClass } from "@services/yourServiceClass";

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM