nuxt logo

Traducción de Documentación (No Oficial)

Nuxt.js
Version:v3.17

Usando Plugins de Vite en Nuxt

Aprende cómo integrar plugins de Vite en tu proyecto Nuxt.

Aunque los módulos de Nuxt ofrecen una funcionalidad extensa, a veces un plugin específico de Vite podría satisfacer tus necesidades de manera más directa.

Primero, necesitamos instalar el plugin de Vite, para nuestro ejemplo, usaremos @rollup/plugin-yaml:

npm install @rollup/plugin-yaml

A continuación, necesitamos importarlo y añadirlo a nuestro archivo nuxt.config.ts:

nuxt.config.ts
import yaml from '@rollup/plugin-yaml'

export default defineNuxtConfig({
  vite: {
    plugins: [
      yaml()
    ]
  }
})

Ahora que hemos instalado y configurado nuestro plugin de Vite, podemos comenzar a usar archivos YAML directamente en nuestro proyecto.

Por ejemplo, podemos tener un config.yaml que almacena datos de configuración e importar estos datos en nuestros componentes de Nuxt:

greeting: "¡Hola, Nuxt con Vite!"