You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.

Translated page Contents of this page might be outdated.

A propriedade plugins

Usa os plugins de vue.js com as opções de plugins do Nuxt.


Nota: Desde a versão 2.4 do Nuxt, o mode tem sido introduzido como a opção de plugins para especificar o tipo do plugin, os possíveis valores são: client ou server. O ssr: false será adotado para o mode: client e depreciado no próximo principal lançamento.

  • Tipo: Array
    • Itens: String ou Object

Se o item for um objeto, as propriedades são:

  • src: String (caminho do ficheiro)
  • mode: String (pode ser client ou server) Se definida, o ficheiro será incluído apenas no respetivo lado do (cliente ou servidor).

Nota: Versão antiga

  • Tipo: Array
    • Itens: String ou Object

Se o item for um objeto, as propriedades são:

  • src: String (caminho do ficheiro)
  • ssr: Boolean (padrão ao true) Se for false, o ficheiro será incluído apenas no lado do cliente.

A propriedade plugins permite você adicionar plugins de Vue.js facilmente à sua aplicação principal.

nuxt.config.js
export default {
  plugins: [
    { src: '~/plugins/both-sides.js' },
    { src: '~/plugins/client-only.js', mode: 'client' },
    { src: '~/plugins/server-only.js', mode: 'server' }
  ]
}
nuxt.config.js
export default {
  plugins: ['@/plugins/ant-design-vue']
}
plugins/ant-design-vue.js
import Vue from 'vue'
import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css' // conforme documentação do Ant Design

Vue.use(Antd)

Nota que o CSS foi importado conforme a documentação do Ant Design

Todos os caminhos definidos dentro da propriedade plugins serão importados antes da inicialização da aplicação principal.