Installation d'un module d'extension Vite ou Rollup

Astro s’appuie sur Vite et prend en charge les modules d’extension Vite et Rollup. Cette recette utilise un module d’extension Rollup pour ajouter la possibilité d’importer un fichier YAML (.yml) dans Astro.

Recette

1. Installez @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 --dev

2. Importez le module d’extension dans votre fichier astro.config.mjs et ajoutez-le au tableau des modules d’extension de Vite :

   astro.config.mjs

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

3. Enfin, vous pouvez importer des données YAML en utilisant une instruction import :

   import yml from './data.yml';

   Note

   Bien que vous puissiez maintenant importer des données YAML dans votre projet Astro, votre éditeur ne fournira pas de types pour les données importées. Pour ajouter des types, créez ou trouvez un fichier *.d.ts existant dans le répertoire src de votre projet et ajoutez ce qui suit :

   src/files.d.ts

   // Spécifiez l'extension du fichier que vous voulez importer
   declare module "*.yml" {
     const value: any; // Ajoutez des définitions de type ici si vous le souhaitez
     export default value;
   }

   Cela permettra à votre éditeur de fournir des indications de type pour vos données YAML.