mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-14 10:04:05 +00:00
46f858dd82
Co-authored-by: Xin Du (Clark) <clark.duxin@gmail.com> Co-authored-by: pooya parsa <pyapar@gmail.com>
67 lines
2.0 KiB
TypeScript
67 lines
2.0 KiB
TypeScript
import { useNuxt, resolveModule } from '@nuxt/kit'
|
|
import { resolve } from 'pathe'
|
|
import { distDir } from './dirs'
|
|
|
|
export function setupAppBridge (_options: any) {
|
|
const nuxt = useNuxt()
|
|
|
|
// Setup aliases
|
|
nuxt.options.alias['#app'] = resolve(distDir, 'runtime/index.mjs')
|
|
nuxt.options.alias['#build'] = nuxt.options.buildDir
|
|
|
|
// Resolve vue2 builds
|
|
nuxt.options.alias.vue2 = resolveModule('vue/dist/vue.runtime.esm.js', { paths: nuxt.options.modulesDir })
|
|
nuxt.options.build.transpile.push('vue')
|
|
|
|
// Alias vue to have identical vue3 exports
|
|
nuxt.options.alias['vue2-bridge'] = resolve(distDir, 'runtime/vue2-bridge.mjs')
|
|
for (const alias of [
|
|
// vue
|
|
'vue',
|
|
// vue 3 helper packages
|
|
'@vue/shared',
|
|
'@vue/reactivity',
|
|
'@vue/runtime-core',
|
|
'@vue/runtime-dom',
|
|
...[
|
|
// vue 2 dist files
|
|
'vue/dist/vue.common.dev',
|
|
'vue/dist/vue.common',
|
|
'vue/dist/vue.common.prod',
|
|
'vue/dist/vue.esm.browser',
|
|
'vue/dist/vue.esm.browser.min',
|
|
'vue/dist/vue.esm',
|
|
'vue/dist/vue',
|
|
'vue/dist/vue.min',
|
|
'vue/dist/vue.runtime.common.dev',
|
|
'vue/dist/vue.runtime.common',
|
|
'vue/dist/vue.runtime.common.prod',
|
|
'vue/dist/vue.runtime.esm',
|
|
'vue/dist/vue.runtime',
|
|
'vue/dist/vue.runtime.min'
|
|
].flatMap(m => [m, `${m}.js`])
|
|
]) {
|
|
nuxt.options.alias[alias] = nuxt.options.alias['vue2-bridge']
|
|
}
|
|
|
|
// Deprecate various Nuxt options
|
|
if (nuxt.options.globalName !== 'nuxt') {
|
|
throw new Error('Custom global name is not supported by @nuxt/bridge.')
|
|
}
|
|
|
|
// Fix wp4 esm
|
|
nuxt.hook('webpack:config', (configs) => {
|
|
for (const config of configs.filter(c => c.module)) {
|
|
// @ts-ignore
|
|
const jsRule: any = config.module.rules.find(rule => rule.test instanceof RegExp && rule.test.test('index.mjs'))
|
|
jsRule.type = 'javascript/auto'
|
|
|
|
config.module.rules.unshift({
|
|
test: /\.mjs$/,
|
|
type: 'javascript/auto',
|
|
include: [/node_modules/]
|
|
})
|
|
}
|
|
})
|
|
}
|