无法将Firebase Firestore导入Vuejs webpack项目

Question

我正在尝试将新的 Firestore数据库用于 Vuejs 的全新项目，但我的网站包含错误。

我从头开始使用vue init webpack启动项目。但是，虽然我可以导入和使用a plain nodejs script中的数据库（keyfile.json不提交安全性），但我无法在Vuejs项目中使用它。

重现的步骤（提交给Github以便于访问）

1. 使用vue init webpack
初始化新项目
2. 复制Firestore initializer
3. 将其导入main.js
4. 尝试重新配置webpack，但出现错误（详细描述here）

然后我在控制台中出错，主页面没有渲染。我试图以两种方式重新配置webpack，但没有成功...... :(

任何人都可以帮我弄清楚如何让Firestore在Webpack Vuejs项目中运行吗？

非常感谢！