Возможности (Features)
Часть возможностей Nuxt подключается по желанию или отключается в зависимости от задач.
features
devLogs
Потоковая передача серверных логов на клиент во время разработки. Логи можно обрабатывать в хуке dev:ssr-logs.
По умолчанию включено в режиме разработки (если не активен test mode).
При значении silent логи не выводятся в консоль браузера.
export default defineNuxtConfig({
features: {
devLogs: true,
},
})
inlineStyles
Инлайнит стили при рендеринге HTML. Сейчас доступно только при использовании Vite.
Можно передать функцию: путь к компоненту Vue → boolean, инлайнить ли стили для этого компонента.
По умолчанию (id) => id.includes('.vue').
export default defineNuxtConfig({
features: {
inlineStyles: false, // или функция для выбора инлайна
},
})
noScripts
Отключает рендер скриптов Nuxt и подсказок к JS-ресурсам. Настраивается и точечно в routeRules.
Скрипты можно отключать детальнее внутри routeRules.
При значении 'production' или true JavaScript отключается только в production. При 'all' — и в dev, и в production.
export default defineNuxtConfig({
features: {
noScripts: true, // или 'production' | 'all' | false
},
})
future
Пространство имён future — раннее подключение возможностей, которые станут поведением по умолчанию в будущей (возможно major) версии фреймворка.
compatibilityVersion
Даёт ранний доступ к флагам и возможностям Nuxt.
Значение compatibilityVersion: 5 меняет значения по умолчанию в конфигурации под поведение Nuxt v5, в том числе включает Vite Environment API.
export default defineNuxtConfig({
future: {
compatibilityVersion: 5,
},
})
multiApp
Ранний доступ к экспериментальной поддержке нескольких приложений. Прогресс — в issue #21635.
export default defineNuxtConfig({
future: {
multiApp: true,
},
})
typescriptBundlerResolution
Включает режим разрешения модулей TypeScript «Bundler» — рекомендуемый для Nuxt и Vite.
Улучшает типы при использовании современных библиотек с полем exports.
Значение false переключает на устаревший режим «Node», который по умолчанию у TypeScript.
export default defineNuxtConfig({
future: {
typescriptBundlerResolution: false,
},
})