在Angular 4中更改文件夹结构

Question

我对角度开发很新，我不知道这是否与问题相关。我的问题是这个。我在名为services的文件夹中有一个名为.find的服务。我在几个组件中使用这些服务（如15）。

ServiceUserService

那么如果我想将此import { ServiceUserService } from '../../../services/app.service-user' 放到另一个文件夹中该怎么办？现在我必须手动更改我导入它们的所有路径。因为我只导入了很少的组件，所以它是可行的。但如果有更多呢？

Answer 1

如果您更改服务的位置，则需要更新所有组件，例如使用该服务。当您尝试编译TypeScript时，如果错过任何地方，则会遇到错误。

如果这会影响多项服务，那么我会建议您在index.ts文件夹中创建一个services文件，如下所示：

export * from "./app.service-user";
export * from "./other.service-etc";

然后，您可以将导入更改为：

import { ServiceUserService, OtherServiceEtc } from '../../../services'

这会有助于移动服务。

Answer 2

迟到的答案，但如果我没记错的话，您可以创建别名以简化导入。将以下内容添加到tsconfig.json：

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