설정

Nuxt Bridge를 자신의 필요에 맞게 설정하는 방법을 알아보세요.

기능 플래그

선택적으로 bridge의 일부 기능을 비활성화하거나, 안정성이 덜한 기능을 옵트인할 수 있습니다. 일반적인 상황에서는 항상 기본값을 사용하는 것이 가장 좋습니다!

최신 기본값은 bridge/src/module.ts에서 확인할 수 있습니다.

nuxt.config.ts
import { defineNuxtConfig } from '@nuxt/bridge'

export default defineNuxtConfig({
  bridge: {

    // -- 옵트인 기능 --

    // webpack 4 대신 Vite를 번들러로 사용
    // vite: true,

    // Nuxt 3와 호환되는 useHead 활성화
    // meta: true,

    // definePageMeta 매크로 활성화
    // macros: {
    //   pageMeta: true
    // },

    // esbuild로 TypeScript 트랜스파일 활성화
    // typescript: {
    //   esbuild: true
    // },

    // -- 기본 기능 --

    // Nitro 대신 레거시 서버 사용
    // nitro: false,

    // Nuxt 3와 호환되는 `nuxtApp` 인터페이스 비활성화
    // app: false,

    // Composition API 지원 비활성화
    // capi: false,

    // ... 또는 레거시 Composition API 지원만 비활성화
    // capi: {
    //   legacy: false
    // },

    // 모듈을 트랜스파일하지 않음
    // transpile: false,

    // <script setup> 지원 비활성화
    // scriptSetup: false,

    // composable 자동 임포트 비활성화
    // 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'
+ }
})