Возможности

Включайте или отключайте дополнительные функции Nuxt, чтобы открыть новые возможности.

Некоторые функции Nuxt доступны по желанию или могут быть отключены в зависимости от ваших потребностей.

features

devLogs

Потоковая передача серверных логов в клиент во время разработки. Логи можно обрабатывать в хуке dev:ssr-logs.

По умолчанию включено в режиме разработки (когда не активен тестовый режим).

Если задать silent, логи не выводятся в консоль браузера.

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

inlineStyles

Встраивает стили в HTML при рендеринге. Сейчас это работает только при использовании Vite.

Вы также можете передать функцию, которая получает путь к компоненту Vue и возвращает булево значение — встраивать ли стили этого компонента в HTML инлайн.

По умолчанию: (id) => id.includes('.vue').

nuxt.config.ts
export default defineNuxtConfig({
  features: {
    inlineStyles: false, // или функцию, решающую, встраивать ли стили в HTML
  },
})

noScripts

Отключает рендеринг скриптов Nuxt и подсказок JS-ресурсов. Также можно настроить детально в routeRules.

Также можно отключать скрипты точечнее через routeRules.

Если задать 'production' или true, JavaScript отключается только в production. Если 'all' — и в разработке, и в production.

nuxt.config.ts
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,
  },
})
Подробнее о тестировании Nuxt 5.

multiApp

Включает ранний доступ к экспериментальной поддержке нескольких приложений. За прогрессом можно следить в issue #21635.

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

typescriptBundlerResolution

Это включает для TypeScript режим разрешения модулей Bundler («сборщик») — рекомендуемую настройку для таких фреймворков, как Nuxt и Vite.

Это улучшает поддержку типов при использовании современных библиотек с полем exports в package.json.

См. запрос на слияние в репозитории TypeScript.

Можно задать false, чтобы использовать устаревший режим Node (по умолчанию в TypeScript).

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