コンテンツにスキップ

ViteまたはRollupプラグインをインストールする

AstroはViteの上に構築されViteとRollupの両方のプラグインをサポートしています。このレシピではRollupプラグインを使用して、AstroにYAML(.yml)ファイルをインポートする機能を追加します。

  1. rollup/plugin-yamlをインストールします。
Terminal window
npm install @rollup/plugin-yaml --save-dev
  1. プラグインをastro.config.mjsにインポートし、Viteのplugins配列に追加します。

    astro.config.mjs
    import { defineConfig } from 'astro/config';
    import yaml from '@rollup/plugin-yaml';
    export default defineConfig({
    vite: {
    plugins: [yaml()]
    }
    });
  2. 最後に、import文を使いYAMLデータをインポートします。

    import yml from './data.yml';