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
:
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!"
※Esta página es una traducción no oficial de la documentación oficial de Nuxt.js.
La página correspondiente en la documentación oficial está aquí:
https://nuxt.com/docs/3.x/guide/recipes/vite-plugin