Изучите Nuxt с коллекцией из 100+ советов!

Конфигурация

Узнайте, как настроить Nuxt Bridge в соответствии со своими потребностями.

Флаги функций

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

Вы можете проверить bridge/src/module.ts для последних значений по умолчанию.

nuxt.config.ts
import { defineNuxtConfig } from '@nuxt/bridge'
export default defineNuxtConfig({
  bridge: {

    // -- Дополнительные функции --

    // Использовать Vite в качестве сборщика вместо webpack 4
    // vite: true,

    // Активировать использование useHead, совместимое с Nuxt 3
    // meta: true,

    // Активировать макрос definePageMeta
    // macros: {
    //   pageMeta: true
    // },

    // Активировать транспиляцию TypeScript с помощью esbuild
    // typescript: {
    //   esbuild: true
    // },

    // -- Функции по умолчанию --

    // Использовать устаревший сервер вместо Nitro
    // nitro: false,

    // Отключить интерфейс nuxtApp, совместимый с Nuxt 3
    // app: false,

    // Отключить поддержку Composition API
    // capi: false,

    // ... или просто отключить поддержку устаревшего Composition API
    // capi: {
    //   legacy: false
    // },

    // Не транспилировать модули
    // transpile: false,

    // Отключить поддержку <script setup>
    // scriptSetup: false,

    // Отключить автоматический импорт композаблов
    // imports: false,

    // Не предупреждать о несовместимости модулей
    // constraints: false
  },

  vite: {
    // Конфигурация для Vite
  }
})

Миграция каждой опции

router.base

export default defineNuxtConfig({
- router: {
-   base: '/my-app/'
- }
+ app: {
+   baseURL: '/my-app/'
+ }
})

build.publicPath

export default defineNuxtConfig({
- build: {
-   publicPath: 'https://my-cdn.net'
- }
+ app: {
+   cdnURL: 'https://my-cdn.net'
+ }
})