Angular技术疑问：HttpClientModule是否需加入CoreModule的exports数组？

你的疑问非常典型，很多刚接触Angular模块架构的开发者都会遇到。先直接给你结论：不需要将HttpClientModule和BrowserAnimationsModule像RouterModule那样导出，下面详细解释原因：

1. 先明确Angular模块import/export的核心作用 #

• imports：让当前模块能使用其他模块提供的功能（包括服务、组件、指令、管道等）。如果模块的providers是根级别（比如HttpClientModule的HttpClient），导入后会注册到根注入器，全应用可用。
• exports：将当前模块中的部分功能（通常是组件、指令、管道，或者其他模块）暴露出去，让导入当前模块的其他模块能直接使用这些功能。

2. 逐个分析你的CoreModule中的模块 #

🔹 HttpClientModule #

HttpClientModule的核心作用是提供全局单例的HttpClient服务。只要你在根模块（AppModule）或者被根模块导入的CoreModule中导入一次，Angular就会把HttpClient注册到根注入器，整个应用的任何组件、服务都能通过依赖注入使用它，完全不需要导出这个模块。

对比SharedModule中的MatButtonModule：MatButtonModule提供的是mat-button组件/指令，这些需要在其他模块的组件模板中直接使用，所以必须导入后再导出，才能让其他模块的组件访问到这些UI元素。而HttpClient是服务，通过注入就能使用，和模板无关，不需要导出模块。

🔹 BrowserAnimationsModule #

这个模块是用来全局启用Angular动画功能的，它的作用是全局生效的。只要在根模块（或导入到根模块的CoreModule）中导入一次，整个应用的动画API（比如@angular/animations中的动画函数）就可以正常使用，不需要导出。它不属于需要在模板中使用的组件/指令类模块，所以导出是多余的。

🔹 RouterModule.forRoot(routes) #

为什么要导出RouterModule？因为RouterModule提供了一系列路由相关的指令，比如routerLink、router-outlet，这些指令需要在其他模块的组件模板中使用（比如AppComponent的模板里的<router-outlet>）。所以必须把RouterModule导出，这样导入CoreModule的AppModule（或者其他Feature模块）才能在组件模板中使用这些路由指令。

3. 验证你的当前代码 #

你现在的CoreModule代码是完全正确的：

@NgModule({
 imports: [
  BrowserAnimationsModule,
  HttpClientModule,
  RouterModule.forRoot(routes, { enableTracing: true })
 ],
 exports: [
  RouterModule
 ]
})
export class CoreModule { }

应用运行正常也验证了这一点：HttpClient服务已经全局可用，动画功能正常，路由指令也能通过导出的RouterModule在其他模块使用。

总结CoreModule的最佳实践 #

• 把全局生效的功能性模块（HttpClientModule、BrowserAnimationsModule等）放在CoreModule的imports中，不需要导出；
• 把需要让其他模块使用指令/组件的模块（比如RouterModule）放在exports中；
• CoreModule和SharedModule的定位不同：SharedModule是用来共享UI组件/指令/管道的，所以需要导入后导出这些UI模块；CoreModule是用来集中配置全局服务、全局功能模块的，不需要导出非UI类的功能性模块。

内容的提问来源于stack exchange，提问作者RottenCheese