컨텐츠로 이동

Vite 또는 Rollup 플러그인 설치

Astro는 Vite를 기반으로 구축되었으며 Vite 및 Rollup 플러그인을 모두 지원합니다. 이 레시피는 Rollup 플러그인을 사용하여 Astro에서 YAML (.yml) 파일을 가져오는 기능을 추가합니다.

  1. @rollup/plugin-yaml을 설치합니다.

    Terminal window
    npm install @rollup/plugin-yaml --save-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. 마지막으로 import 문을 사용하여 YAML 데이터를 가져올 수 있습니다.

    import yml from './data.yml';