如何将 @angular/fire 添加到 Nx 工作区（Angular 项目）？

Question

我想将@angular/fire添加到我的 Nx 工作区（Angular 应用程序）中。

我试图与最佳实践保持一致，但是，官方文档中没有任何关于将此库添加到工作区中的内容。

或者我错过了什么？

1. 安装
   
   • 通过标准命令安装lib可以吗？
     
   • npm i @angular/fire ... 或 ... ng add @angular/fire
     
   • 是否有特定的“Nx 方式”安装它？

2. 放置和命名
   我应该在哪个模块中调用initializeApp()方法？

   • 在应用程序模块中？（在采用 Nx 之前我就是这样做的）

   • 或者一个lib模块？（在我看来这更接近 Nx 哲学）

   • 如果答案是“一个 lib 模块”

     • 应该是哪个模块？
     • 我应该把 lib/module 放在哪里以及我应该给它命名什么？
     • “libs/data-access/api”是个好主意吗？

3. 使用API
   
   • 如何使用已安装的包和初始化的模块（lib）？
   • 我是否应该将 api 库多次导入到需要该功能的每个库中？
   • 或者我只将 api lib 导入到应用程序中一次吗？

如此严格地遵循最佳实践（命名约定等）可能看起来很愚蠢，但我真的想以正确的方式做事。

Answer 1

首先你需要下载firebase

npm 我@angular/fire

并在 Angular 项目中添加 Firebase

ng 添加@angular/fire

现在在 app.module.ts 中导入 firebase

import { AngularFireModule } from '@angular/fire';  

@NgModule({  
  imports: [  

    AngularFireModule.initializeApp(environment.firebase)  
  ],  

})  

export class AppModule {}

现在您可以在 Angular 项目中使用 Firebase

官方文档链接

https://github.com/angular/angularfire