Skip to content

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.

  1. Install @rollup/plugin-yaml:

    Terminal window
    npm install @rollup/plugin-yaml --save-dev
  2. 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()]
    }
    });
  3. Finally, you can import YAML data using an import statement:

    import yml from './data.yml';
Contribute

What’s on your mind?

Create GitHub Issue

Quickest way to alert our team of a problem.

Community
京ICP备15031610号-99