如何以角度从“@somefolder”导入

【问题标题】：How to import from '@somefolder' in angular如何以角度从“@somefolder”导入
【发布时间】：2019-03-05 03:14:09
【问题描述】：

我在查看某人的代码时发现了这个：

import { NGSWUpdateService } from '@ngsw/ngsw-update.service';

开发者已经能够使用'@ngsw/ngsw-update.service'，而不是原来的很长的路径'src/client/app/shared/ngsw/ngsw-update.service'。

那么如何实现上面的，这样我就不用从比较长的路径导入了。

【问题讨论】：

【解决方案1】：

当您从非相对路径导入时，它会查看 node_modules 文件夹。

所以在这里，它只是在这里寻找文件ngsw-update.service：node_modules/@ngsw/ngsw-update.service。

这是最基本的用例，但您只能通过将项目中的文件定义为 tsconfig.json（在 compilerOptions.paths` 中，请参阅该文章了解更多信息：https://netbasal.com/sexier-imports-in-typescript-e3c645bdd3c6

【讨论】：

啊，我知道他在tsconfig.json 中定义了@ngsw 路径，就像这样"paths": { "@ngsw/*": ["src/client/app/shared/ngsw/*"]
是的，那很正常，这是为了避免以很长的导入结束；）