Установка Vite или Rollup плагинов

Astro строится поверх Vite и поддерживает плагины Vite и Rollup. Этот рецепт использует плагин Rollup, чтобы добавить функциональность импорта данных из YAML (.yml) файла в Astro.

Рецепт

1. Установите @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. Импортируйте плагин в своем astro.config.mjs и добавьте его в массив плагинов Vite:

   astro.config.mjs

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

3. Наконец, вы можете импортировать данные YAML, используя выражение import:

   import yml from './data.yml';

   Заметка

   Хотя вы можете импортировать данные YAML в своём проекте Astro, ваш редактор кода не будет предоставлять типы для импортируемых данных. Для добавления типов создайте или найдите существующий *.d.ts файл в директории src вашего проекта и добавьте следующее:

   src/files.d.ts

   // Укажите расширение файла, который вы хотите импортировать
   declare module "*.yml" {
     const value: any; // При желании добавьте определения типов
     export default value;
   }

   Это даст вашему редактору возможность предоставлять типы ваших данных YAML.