配置
了解如何根据自己的需求配置 Nuxt Bridge。
特性标志
您可以选择性地禁用桥接器的一些特性或选择不太稳定的选项。在正常情况下,最好始终使用默认值!
您可以查看 bridge/src/module.ts 以获取最新的默认值。
nuxt.config.ts
import { defineNuxtConfig } from '@nuxt/bridge'
export default defineNuxtConfig({
bridge: {
// -- 选择性特性 --
// 使用 Vite 作为打包工具而不是 webpack 4
// 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,
// 禁用自动导入组合式 API
// 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'
+ }
})