Installing a Vite or Rollup plugin
Astro builds on top of Vite, and supports both Vite and Rollup plugins. This recipe uses a Rollup plugin to add the ability to import a YAML (.yml
) file in Astro.
Recipe
Section titled Recipe-
Install
@rollup/plugin-yaml
:Terminal window npm install @rollup/plugin-yaml --save-dev
-
Import the plugin in your
astro.config.mjs
and add it to the Vite plugins array:astro.config.mjs import { defineConfig } from 'astro/config'; import yaml from '@rollup/plugin-yaml'; export default defineConfig({ vite: { plugins: [yaml()] } });
-
Finally, you can import YAML data using an
import
statement:import yml from './data.yml';
More recipes
-
Share State Between Islands
Learn how to share state across components — and frameworks! — with Nano Stores.
-
Add an RSS feed
Let users subscribe to your content by adding an RSS feed to your Astro site.
-
Installing a Vite or Rollup plugin
Learn how you can import YAML data by adding a Rollup plugin to your project.
-
Build Forms With API Routes
Learn how to use JavaScript to send form submissions to an API Route
-
Build HTML Forms in Astro Pages
Learn how to build HTML forms and handle submissions in your frontmatter
-
Verify a Captcha
Learn how to verify a user is human using a “recaptcha” API route.
-
Build your Astro Site with Docker
Learn how to build your Astro site using Docker.
-
Add i18n features
Use dynamic routing and content collections to add internationalization support to your Astro site.