特性

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

一些 Nuxt 的特性是基于自愿选择的，或者可以根据您的需求禁用。

`features`

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

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

nuxt.config.ts

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

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

nuxt.config.ts

export default defineNuxtConfig({
  features: {
    noScripts: true
  }
})

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

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

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

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

它在使用现代库配合 exports 时改善类型支持。

nuxt.config.ts

export default defineNuxtConfig({
  future: {
    typescriptBundlerResolution: true
  }
})

Was this helpful?

实验特性

启用 Nuxt 实验特性以解锁新的可能性。

Nuxt 是如何工作的？

Nuxt 是一个极简但高度可定制的框架，用于构建 web 应用。