使用 firebase 與 webpack

Question

我目前有 firebase 和我的 javascript 文件，它們使用通過<script>加載的 firebase 文件。 顯然，這不是一個很好的方法。

我希望能夠將 webpack 與我的前端 javascript 一起使用，但我遇到了一些問題：

我的布局是這樣的：

user/
    index.js
    file1.js
    file2.js

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

我的問題是我是否需要包含 firebase 以及我的所有要求，例如 Firestore、功能和消息傳遞。 到每個文件中，還是我可以在某個地方包含一次，以便在所有文件中使用？

當我將它包含在每個文件中時，我收到一條錯誤消息，提示找不到 firebase。

提前致謝。

Answer 1

查看npm上的 Firebase package。 在 webpack 的使用說明中，您只需將所需的模塊導入file1.js和file2.js 。

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

請注意，文檔說只包含您需要的功能（不要讓您的 bundle.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';