(All Services)

All services have the following options:

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

static

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 vendors.app.js.

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

preload

Preloads dynamically loaded services. More information here.

Be aware

Only applies if static === false.

chunkName

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.

Edit this page on GitHub Updated at Mon, Mar 1, 2021