Question

import { AngularFireAuth } from '@angular/fire/auth';
import { AngularFirestore } from '@angular/fire/firestore';
constructor(
    private afAuth: AngularFireAuth,
    private afs: AngularFirestore,) {

  }

用例1：

createdDate: firebase.firestore.FieldValue.serverTimestamp(),

用例2：

 const result: firebase.auth.UserCredential = await this.afAuth.auth.signInWithCredential(credential);

在上面，我需要导入：

import * as firebase from 'firebase';

由于firebase是一个很大的JS库，因此我想以一种更优化的方式来做。你能告诉我怎么做吗？

注意：在这里我使用AngularFire。但是如何获得这些模型？ firebase.auth.UserCredential

Answer 1

如果您想要干净导入和优化导入，我建议使用官方库对带有Firebase的Angular使用：AngularFire到位文档记录良好并且是最新的。

在接口或类的内部，您可能可以使用：

import * as firebase from 'firebase/app';

并且仍然继续在代码中使用firebase.auth.UserCredential

Answer 2

我建议您查看Angularfire和firebase的文档。

您可以从firebase/app导入内容并访问每个对象。

import { Component } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';
import { auth } from 'firebase/app';


 const result: auth.UserCredential = await this.afAuth.auth.signInWithCredential(credential);

https://github.com/angular/angularfire/blob/master/docs/auth/getting-started.md

更优化的方法，而不是从“ firebase”导入*作为firebase

2 个答案: