示例

Nuxt Kit 實用工具的使用示例。

訪問 Nuxt Vite 配置

如果您正在構建需要訪問 Nuxt 使用的執行時 Vite 或 webpack 配置的整合，可以使用 Kit 實用工具來提取這些配置。

一些已在執行此操作的專案示例

以下是如何從專案中訪問 Vite 配置的簡要示例；您可以採用類似的方法來獲取 webpack 配置。

import { buildNuxt, loadNuxt } from '@nuxt/kit'

// https://github.com/nuxt/nuxt/issues/14534
async function getViteConfig () {
  const nuxt = await loadNuxt({ cwd: process.cwd(), dev: false, overrides: { ssr: false } })
  return new Promise((resolve, reject) => {
    nuxt.hook('vite:extend', (config) => {
      resolve(config)
      throw new Error('_stop_')
    })
    buildNuxt(nuxt).catch((err) => {
      if (!err.toString().includes('_stop_')) {
        reject(err)
      }
    })
  }).finally(() => nuxt.close())
}

const viteConfig = await getViteConfig()
console.log(viteConfig)