Использование FireBase с веб-пакетом

Question

В настоящее время у меня есть firebase и мои файлы javascript, использующие firebase, загруженные через <script>. Ясно, что это не очень хороший способ сделать это.

Я хочу иметь возможность использовать веб-пакет с моим интерфейсом javascript, но я сталкиваюсь с некоторыми проблемами:

Мой макетвот так:

user/
    index.js
    file1.js
    file2.js

file1.js и file2.js включены в index.js , но все файлы используют firebase.

Мой вопрос: нужно ли мневключаю firebase и все мои требования, такие как firestore, функции и обмен сообщениями. в каждый отдельный файл, или я могу включить его где-то один раз, чтобы использовать во всех файлах?

Когда я включаю его в каждый файл, я получаю сообщение об ошибке, указывающее, что не найдена база данных.

Заранее спасибо.

Answer 1

Проверьте пакет Firebase на npm. В инструкции по использованию веб-пакета вы можете просто импортировать нужные вам модули в 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';