Skip to content
On this page

All Services

All services have the following options:

[serviceName]: {
  static: false, // default
  preload: false, // default
  chunkName: process.env.NODE_ENV !== 'production' ? `firebase-${serviceName}` : '[id]' // default


By default, each service gets imported dynamically, which splits them into separate chunks. If static = true however, we import them statically, so the services are bundled into

// static: false (default)
await import 'firebase/auth'
// static: true
import 'firebase/auth'


Preloads dynamically loaded services. More information here.

Be aware

Only applies if static === false.


By default, the dynamically imported services are named vendors.firebase-${serviceName}.js in development mode, and [id] in production mode (process.env.NODE_ENV === 'production'). If you want to change this behaviour, you can do so with this option.

Be aware

Only applies if static === false.