Nuxt Kit
@nuxt/kit 为模块作者提供了便捷的功能。
Nuxt Kit 提供了一系列可组合的实用工具,使得与 Nuxt 钩子、Nuxt 接口 交互以及开发 Nuxt 模块 变得非常简单。
使用方法
安装依赖
你可以通过将 @nuxt/kit
添加到 package.json
的 dependencies
部分来安装最新的 Nuxt Kit。然而,即使 Nuxt 已经安装了 @nuxt/kit
,也请始终显式安装 @nuxt/kit
包。
@nuxt/kit
和 @nuxt/schema
是 Nuxt 的关键依赖。如果你是单独安装它们,请确保 @nuxt/kit
和 @nuxt/schema
的版本等于或高于你的 nuxt
版本,以避免任何意外行为。package.json
{
"dependencies": {
"@nuxt/kit": "npm:@nuxt/kit-nightly@latest"
}
}
导入 Kit 实用工具
test.mjs
import { useNuxt } from '@nuxt/kit'
Nuxt Kit 实用工具仅适用于模块,不应在运行时(组件、Vue 组合式函数、页面、插件或服务器路由)中导入。
Nuxt Kit 是一个 仅支持 ESM 的包,这意味着你不能使用 require('@nuxt/kit')
。作为解决方法,在 CommonJS 上下文中使用动态导入:
test.cjs
// 这不起作用!
// const kit = require('@nuxt/kit')
async function main() {
const kit = await import('@nuxt/kit')
}
main()