mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-14 18:13:54 +00:00
118 lines
3.8 KiB
TypeScript
118 lines
3.8 KiB
TypeScript
import * as vite from 'vite'
|
|
import { join, resolve } from 'pathe'
|
|
import type { Nuxt } from '@nuxt/schema'
|
|
import type { InlineConfig, SSROptions } from 'vite'
|
|
import { logger, isIgnored, resolvePath } from '@nuxt/kit'
|
|
import type { Options } from '@vitejs/plugin-vue'
|
|
import replace from '@rollup/plugin-replace'
|
|
import { sanitizeFilePath } from 'mlly'
|
|
import { buildClient } from './client'
|
|
import { buildServer } from './server'
|
|
import virtual from './plugins/virtual'
|
|
import { warmupViteServer } from './utils/warmup'
|
|
import { resolveCSSOptions } from './css'
|
|
import { composableKeysPlugin } from './plugins/composable-keys'
|
|
|
|
export interface ViteOptions extends InlineConfig {
|
|
vue?: Options
|
|
ssr?: SSROptions
|
|
devBundler?: 'vite-node' | 'legacy'
|
|
}
|
|
|
|
export interface ViteBuildContext {
|
|
nuxt: Nuxt
|
|
config: ViteOptions
|
|
entry: string
|
|
clientServer?: vite.ViteDevServer
|
|
ssrServer?: vite.ViteDevServer
|
|
}
|
|
|
|
export async function bundle (nuxt: Nuxt) {
|
|
const useAsyncEntry = nuxt.options.experimental.asyncEntry ||
|
|
(nuxt.options.vite.devBundler === 'vite-node' && nuxt.options.dev)
|
|
const entry = await resolvePath(resolve(nuxt.options.appDir, useAsyncEntry ? 'entry.async' : 'entry'))
|
|
const ctx: ViteBuildContext = {
|
|
nuxt,
|
|
entry,
|
|
config: vite.mergeConfig(
|
|
{
|
|
resolve: {
|
|
alias: {
|
|
...nuxt.options.alias,
|
|
'#app': nuxt.options.appDir,
|
|
// We need this resolution to be present before the following entry, but it
|
|
// will be filled in client/server configs
|
|
'#build/plugins': '',
|
|
'#build': nuxt.options.buildDir,
|
|
'web-streams-polyfill/ponyfill/es2018': 'unenv/runtime/mock/empty',
|
|
// Cannot destructure property 'AbortController' of ..
|
|
'abort-controller': 'unenv/runtime/mock/empty'
|
|
}
|
|
},
|
|
optimizeDeps: {
|
|
include: ['vue']
|
|
},
|
|
css: resolveCSSOptions(nuxt),
|
|
build: {
|
|
rollupOptions: {
|
|
output: { sanitizeFileName: sanitizeFilePath }
|
|
},
|
|
watch: {
|
|
exclude: nuxt.options.ignore
|
|
}
|
|
},
|
|
plugins: [
|
|
composableKeysPlugin.vite({ sourcemap: nuxt.options.sourcemap.server || nuxt.options.sourcemap.client, rootDir: nuxt.options.rootDir }),
|
|
replace({
|
|
...Object.fromEntries([';', '(', '{', '}', ' ', '\t', '\n'].map(d => [`${d}global.`, `${d}globalThis.`])),
|
|
preventAssignment: true
|
|
}),
|
|
virtual(nuxt.vfs)
|
|
],
|
|
vue: {
|
|
reactivityTransform: nuxt.options.experimental.reactivityTransform
|
|
},
|
|
server: {
|
|
watch: { ignored: isIgnored },
|
|
fs: {
|
|
allow: [
|
|
nuxt.options.appDir
|
|
]
|
|
}
|
|
}
|
|
} as ViteOptions,
|
|
nuxt.options.vite
|
|
)
|
|
}
|
|
|
|
// In build mode we explicitly override any vite options that vite is relying on
|
|
// to detect whether to inject production or development code (such as HMR code)
|
|
if (!nuxt.options.dev) {
|
|
ctx.config.server!.watch = undefined
|
|
ctx.config.build!.watch = undefined
|
|
}
|
|
|
|
await nuxt.callHook('vite:extend', ctx)
|
|
|
|
nuxt.hook('vite:serverCreated', (server: vite.ViteDevServer, env) => {
|
|
// Invalidate virtual modules when templates are re-generated
|
|
ctx.nuxt.hook('app:templatesGenerated', () => {
|
|
for (const [id, mod] of server.moduleGraph.idToModuleMap) {
|
|
if (id.startsWith('virtual:')) {
|
|
server.moduleGraph.invalidateModule(mod)
|
|
}
|
|
}
|
|
})
|
|
|
|
if (nuxt.options.vite.warmupEntry !== false) {
|
|
const start = Date.now()
|
|
warmupViteServer(server, [join('/@fs/', ctx.entry)], env.isServer)
|
|
.then(() => logger.info(`Vite ${env.isClient ? 'client' : 'server'} warmed up in ${Date.now() - start}ms`))
|
|
.catch(logger.error)
|
|
}
|
|
})
|
|
|
|
await buildClient(ctx)
|
|
await buildServer(ctx)
|
|
}
|