Mécanismes de Nuxt

Nuxt.js a une architecture intégralement modulable permettant au développeur d'étendre n'importe quelle partie du cœur de Nuxt en utilisant son API.

Consultez le guide sur les modules pour des informations plus détaillées si vous souhaitez développer votre propre module.

Cette section vous aidera à vous familiariser avec les mécanismes de Nuxt et vous servira de référence pour mieux comprendre comment écrire votre propre module.

Le cœur

Ces classes sont les piliers de Nuxt et devraient exister à l'exécution ou pour le build.

Nuxt

Renderer

ModuleContainer

Build

Ces classes sont seulement utiles pour le build ou le mode développement.

Builder

Generator

Communes

Utilitaires

Options

Utilisation et paquetage

Nuxt exporte toutes les classes par défaut. Voici comment les require :

const { Nuxt, Builder, Utils } = require('nuxt')

Pans de codes communs

Toutes les classes Nuxt ont une référence à l'instance nuxt et aux options. Chaque classe étend tappable, de cette manière nous avons toujours une API cohérente à travers les classes pour accéder à options et à nuxt.

const Tapable = require('tappable')

class SomeClass extends Tapable {
  constructor (nuxt, builder) {
    super()
    this.nuxt = nuxt
    this.options = nuxt.options
  }

  someFunction() {
    // Nous avons accès à `this.nuxt` and `this.options`
  }
}

Les classes sont plugable aussi elle devrait enregistrer un plugin sur le conteneur nuxt principal pour enregistrer plus de points d'ancrage.

class FooClass extends Tapable {
  constructor (nuxt, builder) {
    super()
    this.nuxt = nuxt
    this.options = nuxt.options

    this.nuxt.applyPluginsAsync('foo', this)
  }
}

Aussi nous pouvons l'ancrer dans le module foo comme ceci :

nuxt.hook('foo', foo => {
    // ...
})

Vous avez vu une erreur ou vous souhaitez contribuer à la documentation ? Éditez cette page sur GitHub !