angular-cli导入自己的类,如angular类

时间:2017-04-15 16:32:45

标签: angular webpack angular-cli

我很确定之前已经问过这个问题,我只是不知道在哪里搜索它,所以如果这是重复的话请参考其他问题

在我的angular-cli应用程序中,我可以通过node_modules目录下的名称导入node_modules目录中的类,例如:角度路由器可以用

导入
import { Router } from '@angular/router'

如果我在node_modules下添加自己的类,我也可以导入它们而不指定该类的相对路径。所以我的问题是:

我可以添加angular-cli / webpack配置,以便我的导入映射到我的源目录,我可以像这样导入我自己的类

import { MyCustomService } from '@app/services/my-custom.service'

@app映射到src/app/目录

提前致谢

1 个答案:

答案 0 :(得分:1)

它已经配置为允许这样做。除了使用相对路径,您还可以使用从src开始的绝对路径。目前,您可以'app/services/my-custom.service'。如果您希望能够执行'@app/services/my-custom.service',那么我认为只需将app文件夹名称更改为@app即可。只希望CLI配置中的其他内容都不依赖于该文件夹的特定名称。