import * as vite from 'vite' import consola from 'consola' import { buildClient } from './client' import { buildServer } from './server' import { warmupViteServer } from './utils/warmup' import type { Nuxt } from '@nuxt/kit' import type { InlineConfig, SSROptions } from 'vite' import type { Options } from '@vitejs/plugin-vue' export interface ViteOptions extends InlineConfig { vue?: Options ssr?: SSROptions } export interface ViteBuildContext { nuxt: Nuxt config: ViteOptions } export async function bundle (nuxt: Nuxt) { const ctx: ViteBuildContext = { nuxt, config: vite.mergeConfig( nuxt.options.vite as any || {}, { root: nuxt.options.buildDir, mode: nuxt.options.dev ? 'development' : 'production', logLevel: 'warn', define: { 'process.dev': nuxt.options.dev }, resolve: { extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'], alias: { ...nuxt.options.alias, '#build': nuxt.options.buildDir, '#app': nuxt.options.appDir, '~': nuxt.options.srcDir, '@': nuxt.options.srcDir, 'web-streams-polyfill/ponyfill/es2018': 'unenv/runtime/mock/empty', // Cannot destructure property 'AbortController' of .. 'abort-controller': 'unenv/runtime/mock/empty' } }, vue: {}, css: {}, optimizeDeps: { exclude: [] }, esbuild: { jsxFactory: 'h', jsxFragment: 'Fragment' }, clearScreen: false, build: { emptyOutDir: false }, plugins: [] } as ViteOptions ) } await nuxt.callHook('vite:extend', ctx) nuxt.hook('vite:serverCreated', (server: vite.ViteDevServer) => { const start = Date.now() warmupViteServer(server, ['/entry.client.mjs']).then(() => { consola.info(`Vite warmed up in ${Date.now() - start}ms`) }).catch(consola.error) }) await buildClient(ctx) await buildServer(ctx) }