将火力基地与 webpack 结合使用

Question

我目前有Firebase和我的javascript文件，它们使用通过<script>加载的Firebase。显然，这不是一个很好的方法。

我希望能够在我的前端javascript中使用webpack，但我遇到了一些问题：

我的布局是这样的：

user/
index.js
file1.js
file2.js

file1.js和file2.js都包含在index.js中，但所有文件都使用 Firebase。

我的问题是我是否需要包括 firebase，以及我的所有要求，如 firestore、函数和消息传递。 到每个文件中，或者我可以在某个地方包含一次，以便在所有文件中使用？

当我将其包含在每个文件中时，我收到一条错误消息，指出找不到火力基地。

提前谢谢。

Answer 1

查看 npm 上的 Firebase 包。在使用 webpack 的说明中，您可以简单地将所需的模块导入file1.js和file2.js.

import * as firebase from 'firebase';
var app = firebase.initializeApp({ ... });

请注意，文档说只包含您需要的功能(以免膨胀您的捆绑包.js(。

// This import loads the firebase namespace along with all its type information.
import * as firebase from 'firebase/app';
// These imports load individual services into the firebase namespace.
import 'firebase/auth';
import 'firebase/database';
// In your case, include Firestore in the files you use them in.
import 'firebase/firestore';