Instalando um plugin Vite ou Rollup

Astro baseia-se em Vite, que suporta tanto plugins de Vite como de Rollup. Essa receita usa um plugin Rollup para adicionar a habilidade de importar um arquivo YAML (.yml) no Astro.

Receita

Seção intitulada Receita

1. Instale @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. Importe o plugin no seu astro.config.mjs e adicione-o ao array de plugins Vite:

   astro.config.mjs

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

3. Finalmente, você pode impotar dados YAML usando uma declaração import:

   import yml from './data.yml';

   Nota

   Embora você possa agora importar dados YAML no seu projeto Astro, seu editor não fornecerá tipos para os dados importados. Para adicionar tipos, crie ou procure um arquivo existente *.d.ts no diretório src do seu projeto e adicione o seguinte:

   src/files.d.ts

   // Especifique a extensão do arquivo que você quer importar
   declare module "*.yml" {
     const value: any; // Adicione definições de tipo aqui se desejado
     export default value;
   }

   Isso permitirá que seu editor forneça dicas de tipo para seus dados YAML.