How to import Firebase with JavaScript modules - Firecasts

If your interested in learning how to import Firebase the right way, then you’ve come to the right place! Watch to follow along with David East as he covers importing the base Firebase app library, importing features such as Firestore or Cloud Storage, and also touches on importing the right types for TypeScript developers.

Let us know what you would like us to cover in the comments below!

[theindianguy]

Thanks David for the insight into the import techniques. I would really appreciate if you could do a tutorial on webpack from scratch with typescript and JavaScript

[DzulqarnainNasir]

Just a quick tip. If you add true" to your tsconfig.json, you can use "import firebase from 'firebase'".

[joshuajaydan]

Did you ever do the Firebase and webpack from scratch video?

[anasmehmood]

I'm having this issue " Module not found: Can't resolve 'firebase/app' " can someone resolve this?

[LeonRadley]

I use firebase functions, I would love to see a video describing how to import the correct packages and types in typescript on the server.
I found it hard to know if I should import the @google-cloud/firestore or use firebase-admin or firebase-functions imports to get at storage, firestore and more.

[FahadShah]

A much needed clarification on imports. Thanks!

[PlayerRPG]

Keep making this videos, they are really helpful

[fabiomoggi]

Has the webpack video been released? Couldn't find it on Firebase channel

[boon_keng]

Using import 'firebase/<package>' gives me lint error: "import with explicit side-effect (no-import-side-effect)"

[gFamWeb]

I know this is an old video, but looking at this, it appears you're having the same thing I have where the webpack bundle ends up being very large. Is there any way around that?

[boon_keng]

Please make some video regarding Timestamp class :)

[KevinSheppard]

Can you guys do some demos with other module bundlers like Parcel?

[alexnezhynsky]

Why not use named imports from the root namespace, and tree shakes the rest of modules?

[amelouferhat]

How to use variables created on index.js on another jasvacript file ?

[CDRT]

I just recive this error when bundle it: Module not found: Error: Can't resolve 'firebase-app' in "my project path"

[FelixHalim]

What about AngularFire?

The doc is importing from 'firebase' instead of 'firebase/app':

[kumarvishalben]

Add Vue js support officially to firebase, , plz

[kyouichilogpose]

i would love to have a javascript (w/o typescript =X)(babel) video from scatch.

[murugans]

It would be better if there is a video webpack with firebase

[KnightG]

Can you use Firebase inside a ServiceWorker?