在 Nuxt 中使用 Vite 插件

雖然 Nuxt 模組提供了廣泛的功能，但有時特定的 Vite 插件可能更直接地滿足您的需求。

首先，我們需要安裝 Vite 插件，在我們的範例中，我們將使用 @rollup/plugin-yaml

npm install @rollup/plugin-yaml

接下來，我們需要匯入並將其添加到我們的 nuxt.config.ts 檔案中

import yaml from '@rollup/plugin-yaml'

export default defineNuxtConfig({
  vite: {
    plugins: [
      yaml()
    ]
  }
})

現在我們已經安裝並配置了我們的 Vite 插件，我們可以開始在我們的專案中直接使用 YAML 檔案。

例如，我們可以有一個 config.yaml 來儲存配置數據，並在我們的 Nuxt 組件中導入這些數據

greeting: "Hello, Nuxt with Vite!"