Angular应用中创建Firestore Timestamp应采用哪种导入方式？

好问题！咱们来理清这两种导入方式的区别，以及哪种更适合你的场景：

• 第一种导入方式 import { firebase } from '@firebase/app'
  这是Firebase v9及以上版本推荐的模块化导入方式，也是当前的最佳实践。这种方式支持Tree-shaking，能让打包工具只打包你实际用到的代码，有效减小应用体积。你在Stackblitz新项目里能生效，正是因为现在新的Angular+Firebase模板默认采用了Firebase v9+的模块化架构，适配这种导入方式。

• 第二种导入方式 import * as firebase from 'firebase'
  这是Firebase v8及更早版本的命名空间导入方式，属于旧版的全局导入模式。这种方式会把整个Firebase库都打包进项目，无法利用Tree-shaking优化，而且官方已经不再推荐使用，未来的版本可能会逐步废弃这种导入支持。

更优的进阶写法 #

其实在v9+的模块化体系下，你还可以更直接地导入Timestamp，不需要通过firebase对象间接调用：

import { Timestamp } from 'firebase/firestore';
// 或者如果你用@angular/fire的封装
import { Timestamp } from '@angular/fire/firestore';

然后直接创建Timestamp：

const now = Timestamp.fromDate(new Date());

这种写法更清晰，也更符合现代前端的模块化理念。

你觉得第一种方案更优的判断完全正确，它是适配当前Firebase版本的标准做法，Stackblitz新项目的默认配置正好匹配了这种现代导入方式~

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