在 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!"