Firebase is not defined в чём проблема?

Question

[CoCoCoder]

В общем-то главный файл app.js для сборки WebPack имеет такую иерархию:

import "./sass/style.scss";
import firebase from 'firebase';
import database from "firebase/database";
import auth from "firebase/auth";
import "./js/firebase.js";
import "./js/utils.js";
import "./js/auth.js";
import "./js/forms.js";
import "./js/listRequests.js";
import "./js/picturefill.js";

Файл "firebase.js" имеет следующую "начинку" (она заменена специально, дабы не слить реальные данные):

var firebaseConfig = {
    apiKey: "здесь АПИ",
    authDomain: "домен",
    databaseURL: "юрл",
    projectId: "айди проекта",
    storageBucket: "не знаю что это",
    messagingSenderId: "id сообщений",
    appId: "id приложения"
};
firebase.initializeApp(firebaseConfig);

И при этом, на любой странице, где я подключаю файл bundle.js, в который собираются все предыдущие, у меня вылезает ошибка: firebase is not defined at... и здесь куча строк из bundle.js , в которых он применяется.

Я новичок в WebPack, потому прошу помощи, поскольку уже много времени сижу над этой задачей и решил прибегнуть к вопросу к профессионалам!

P.S. Вариант со следующей иерархией в app.js также не работает:

import "./sass/style.scss";
import firebase from 'firebase';
import "./js/firebase.js";
import "./js/utils.js";
import "./js/auth.js";
import "./js/forms.js";
import "./js/listRequests.js";
import "./js/picturefill.js";

let database = firebase.database(),
      auth = firebase.auth();

Answer 1

[Timur Kostenko]

Попробуй импортировать таким образом
import * as firebase from 'firebase';