Как организовать импорт firebase в файлах?

altemuller, Видимо я Вас неверно поняла, но я делала всё именно по инструкции "using-module-bundlers".
То есть установила npm firebase, а потом сделала импорт, как и писала выше.
Как при таком положении дел получить, допустим, auth, в другом JS файле, при этом не увеличив его в размерах? Извините, если как-то неправильно изложила мысль и ввела Вас в заблуждение!

Как организовать импорт firebase в файлах?

altemuller, да, я установила через npm firebase, app и auth.
Потом подключила их в основной скрипт статически, как Вы могли видеть выше.
Теперь я пытаюсь по отдельности брать нужные мне функции на отдельные страницы, но что-то не выходит. :(
И даже когда выполняю билд firebase.js, всё равно выходит эта ошибка
Может это пригодится, но вот мой вебпак

const path = require("path");

module.exports = {
  entry: "./src/js/firebase.js",
  output: {
    filename: "bundle.js",
    path: path.resolve(__dirname, "src/js")
   },
    mode: 'production',
    devServer: {
         contentBase: path.join(__dirname, 'source/'),
     port: 3000
  }
}

Как организовать импорт firebase в файлах?

Спасибо за ответ :3

Сделала в точности также однако браузер выдал ошибку:

http://localhost:3000/js/firebase net::ERR_ABORTED 404 (Not Found)

Переделала import Auth from "./firebase"; в import Auth from "./firebase.js";, но теперь браузер снова выдает:

TypeError: Failed to resolve module specifier "firebase/app". Relative references must start with either "/", "./", or "../".

Сколько же я уже намаялась с этим пунктом...