使用 Vue & UI Pro 的仪表板模板

功能

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

Nuxt 的一些功能是可选的,或者可以根据您的需要禁用。

功能

inlineStyles

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

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

nuxt.config.ts
export default defineNuxtConfig({
  features: {
    inlineStyles: true // or a function to determine inlining
  }
})

noScripts

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

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

future

还有一个 future 命名空间,用于提前选择将在框架未来(可能是主要)版本中成为默认设置的新功能。

typescriptBundlerResolution

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

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

请参阅 原始 TypeScript 拉取请求

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