功能

Nuxt 的某些功能是基于选择加入的，或者可以根据您的需求禁用。

features

devLogs

在开发时将服务器日志流式传输到客户端。这些日志可以在 dev:ssr-logs 钩子中处理。

默认情况下，这在开发中启用（当测试模式未激活时）。

如果设置为 silent，日志将不会打印到浏览器控制台。

export default defineNuxtConfig({
  features: {
    devLogs: true,
  },
})

inlineStyles

在渲染 HTML 时内联样式。这目前仅在使用 Vite 时可用。

您还可以传递一个函数，该函数接收 Vue 组件的路径并返回一个布尔值，指示是否内联该组件的样式。

它默认为 (id) => id.includes('.vue')。

export default defineNuxtConfig({
  features: {
    inlineStyles: false, // 或一个函数来确定内联
  },
})

noScripts

关闭 Nuxt 脚本和 JavaScript 资源提示的渲染。也可以在 routeRules 中进行更细粒度的配置。

您也可以在 routeRules 中更细粒度地禁用脚本。

如果设置为 'production' 或 true，JavaScript 将仅在生产模式下禁用。如果设置为 'all'，JavaScript 将在开发和生产模式中都禁用。

export default defineNuxtConfig({
  features: {
    noScripts: true, // 或 'production' | 'all' | false
  },
})

future

还有一个 future 命名空间，用于早期选择加入将在框架未来版本（可能主要版本）中成为默认的新功能。

compatibilityVersion

这可以早期访问 Nuxt 功能或标志。

将 compatibilityVersion 设置为 5 会将整个 Nuxt 配置中的默认值更改为选择 Nuxt v5 行为，包括启用 Vite Environment API。

export default defineNuxtConfig({
  future: {
    compatibilityVersion: 5,
  },
})

multiApp

这可以早期访问实验性多应用程序支持。您可以关注 tracker issue #21635 以查看 Nuxt 中多应用程序支持的进展。

export default defineNuxtConfig({
  future: {
    multiApp: true,
  },
})

typescriptBundlerResolution

这为 TypeScript 启用 "Bundler" 模块解析模式，这是像 Nuxt 和 Vite 这样的框架的推荐设置。

它在使用带有 exports 的现代库时改进了类型支持。

请参阅 原始 TypeScript 拉取请求。

您可以将其设置为 false 以使用传统的 "Node" 模式，这是 TypeScript 的默认模式。

export default defineNuxtConfig({
  future: {
    typescriptBundlerResolution: false,
  },
})