Instalando un plugin de Vite o Rollup

Astro esta construido sobre Vite, y soporta plugins de Vite y Rollup. Esta receta usa un plugin de Rollup para añadir la habilidad de importar un archivo YAML (.yml) en Astro.

Receta

Sección titulada Receta

1. Instala @rollup/plugin-yaml:

   npm

   npm install @rollup/plugin-yaml --save-dev

   pnpm

   pnpm add @rollup/plugin-yaml --save-dev

   Yarn

   yarn add @rollup/plugin-yaml --save-dev

2. Importa el plugin en tu astro.config.mjs y añade el arreglo de plugins de Vite:

   astro.config.mjs

   import { defineConfig } from 'astro/config';
   import yaml from '@rollup/plugin-yaml';
   
   export default defineConfig({
     vite: {
       plugins: [yaml()]
     }
   });

3. Por último, puedes añadir datos YAML usando una declaración import:

   import yml from './data.yml';

   Nota

   Ahora que puedes importar datos YAML en tu proyecto de Astro, tu editor no va a añadir tipos para los datos importados. Para añadir tipos, crea o encuentra un archivo existente *.d.ts en la carpeta src de tu proyecto y añade lo siguiente:

   src/files.d.ts

   // Especifica la extensión del archivo que quieres importar
   declare module "*.yml" {
     const value: any; // Agrega las definiciones de tipos aquí si así lo deseas.
     export default value;
   }

   Esto va permitir a tu editor sugerir pistas para tus tipos en tus datos YAML.