v4 (4.0.0)
Nuxt on GitHub

功能

启用或禁用 Nuxt 的可选功能以解锁新的可能性。

Nuxt 的一些功能可以根据需要选择启用或禁用。

features

inlineStyles

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

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

nuxt.config.ts
export default defineNuxtConfig({
  features: {
    inlineStyles: false // 或一个用于确定内联的函数
  }
})

noScripts

禁用 Nuxt 脚本和 JS 资源提示的渲染。也可以在 routeRules 中进行细粒度配置。

nuxt.config.ts
export default defineNuxtConfig({
  features: {
    noScripts: true
  }
})

future

还有一个 future 命名空间，用于提前选择启用将在未来（可能是主要）版本中成为默认的新功能。

compatibilityVersion

用于启用对 Nuxt 功能或标志的早期访问。

在 Nuxt 4 中尚不可配置，但一旦我们开始合并针对 v5 的突破性更改，就可以启用它。

typescriptBundlerResolution

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

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

参见 原始 TypeScript 拉取请求。

nuxt.config.ts
export default defineNuxtConfig({
  future: {
    typescriptBundlerResolution: true
  }
})