配置
学习如何根据自己的需求配置Nuxt Bridge。
功能标志
你可以选择性地禁用一些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,
// -- 默认功能 --
// 使用传统服务器而不是Nitro
// nitro: false,
// 禁用与Nuxt 3兼容的`nuxtApp`接口
// app: false,
// 禁用组合API支持
// capi: false,
// ... 或者仅禁用传统的组合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'
+ }
})