ssr-plugin-react 6.2.84 → 6.2.85

package/src/entry/server-entry.tsx

@@ -12,96 +12,129 @@ import { Routes, ssrCreateContext, createStore } from './create'
 const { FeRoutes, layoutFetch, state, Layout } = Routes
 
 const serverRender = async (ctx: ISSRContext, config: IConfig) => {
-  const context = ssrCreateContext()
-  const { mode, parallelFetch, prefix, isVite, isDev, clientPrefix, stream, rootId, hashRouter, streamHighWaterMark } = config
-  const rawPath = ctx.request.path ?? ctx.request.url
-  const path = normalizePath(rawPath, prefix)
-  const routeItem = findRoute<ReactESMPreloadFeRouteItem>(FeRoutes, path)
-  checkRoute({ routeItem, path })
-  const { fetch, webpackChunkName, component } = routeItem
+	const context = ssrCreateContext()
+	const { mode, parallelFetch, prefix, isVite, isDev, clientPrefix, stream, rootId, hashRouter, streamHighWaterMark } = config
+	const rawPath = ctx.request.path ?? ctx.request.url
+	const path = normalizePath(rawPath, prefix)
+	const routeItem = findRoute<ReactESMPreloadFeRouteItem>(FeRoutes, path)
+	checkRoute({ routeItem, path })
+	const { fetch, webpackChunkName, component } = routeItem
 
-  const fn = async () => {
-    const dynamicCssOrder = await getAsyncCssChunk(ctx, webpackChunkName, config)
-    const dynamicJsOrder = await getAsyncJsChunk(ctx, webpackChunkName, config)
-    const manifest = await getManifest(config)
+	const fn = async () => {
+		const dynamicCssOrder = await getAsyncCssChunk(ctx, webpackChunkName, config)
+		const dynamicJsOrder = await getAsyncJsChunk(ctx, webpackChunkName, config)
+		const manifest = await getManifest(config)
 
-    const injectCss = ((isVite && isDev) ? [
-      <script src="/@vite/client" type="module" key="vite-client" />,
-      <script key="vite-react-refresh" type="module" dangerouslySetInnerHTML={{
-        __html: reactRefreshFragment
-      }} />
-    ] : dynamicCssOrder.map(css => manifest[css]).filter(Boolean).map(css => <link rel='stylesheet' key={css} href={css} />))
-      .concat((isVite && isDev) ? [] : dynamicJsOrder.map(js => manifest[js]).filter(Boolean).map(js =>
-        <link href={js} as="script" rel={isVite ? 'modulepreload' : 'preload'} key={js} />
-      ))
+		const injectCss = (
+			isVite && isDev
+				? [
+						<script src="/@vite/client" type="module" key="vite-client" />,
+						<script
+							key="vite-react-refresh"
+							type="module"
+							dangerouslySetInnerHTML={{
+								__html: reactRefreshFragment
+							}}
+						/>
+					]
+				: dynamicCssOrder
+						.map((css) => manifest[css])
+						.filter(Boolean)
+						.map((css) => <link rel="stylesheet" key={css} href={css} />)
+		).concat(
+			isVite && isDev
+				? []
+				: dynamicJsOrder
+						.map((js) => manifest[js])
+						.filter(Boolean)
+						.map((js) => <link href={js} as="script" rel={isVite ? 'modulepreload' : 'preload'} key={js} />)
+		)
 
-    const injectScript = [
-      ...(isVite ? [<script key="viteWindowInit" dangerouslySetInnerHTML={{
-        __html: 'window.__USE_VITE__=true'
-      }} />] : []),
-      ...((isVite && isDev) ? [<script type="module" src='/node_modules/ssr-plugin-react/esm/entry/client-entry.js' key="vite-react-entry" />] : []),
-      ...dynamicJsOrder.map(js => manifest[js]).filter(Boolean).map(item => <script key={item} src={item} type={isVite ? 'module' : 'text/javascript'} />)
-    ]
-    const staticList = {
-      injectCss,
-      injectScript
-    }
+		const injectScript = [
+			...(isVite
+				? [
+						<script
+							key="viteWindowInit"
+							dangerouslySetInnerHTML={{
+								__html: 'window.__USE_VITE__=true'
+							}}
+						/>
+					]
+				: []),
+			...(isVite && isDev ? [<script type="module" src="/node_modules/ssr-plugin-react/esm/entry/client-entry.js" key="vite-react-entry" />] : []),
+			...dynamicJsOrder
+				.map((js) => manifest[js])
+				.filter(Boolean)
+				.map((item) => <script key={item} src={item} type={isVite ? 'module' : 'text/javascript'} />)
+		]
+		const staticList = {
+			injectCss,
+			injectScript
+		}
 
-    const isCsr = !!(mode === 'csr' || ctx.request.query?.csr)
-    const Component = isCsr ? React.Fragment : (component.name === 'dynamicComponent' ? (await (component as DynamicFC)()).default : component as StaticFC)
+		const isCsr = !!(mode === 'csr' || ctx.request.query?.csr)
+		const Component = isCsr ? React.Fragment : component.name === 'dynamicComponent' ? (await (component as DynamicFC)()).default : (component as StaticFC)
 
-    if (isCsr) {
-      logGreen(`Current path ${path} use csr render mode`)
-    }
+		if (isCsr) {
+			logGreen(`Current path ${path} use csr render mode`)
+		}
 
-    let [layoutFetchData, fetchData] = [{}, {}]
+		let [layoutFetchData, fetchData] = [{}, {}]
 
-    if (!isCsr) {
-      const currentFetch = fetch ? (await fetch()).default : null
-      const lF = layoutFetch ? layoutFetch({ ctx }) : Promise.resolve({})
-      const CF = currentFetch ? currentFetch({ ctx }) : Promise.resolve({});
-      [layoutFetchData, fetchData] = parallelFetch ? await Promise.all([lF, CF]) : [await lF, await CF]
-    }
+		if (!isCsr) {
+			const currentFetch = fetch ? (await fetch()).default : null
+			const lF = layoutFetch ? layoutFetch({ ctx }) : Promise.resolve({})
+			const CF = currentFetch ? currentFetch({ ctx }) : Promise.resolve({})
+			;[layoutFetchData, fetchData] = parallelFetch ? await Promise.all([lF, CF]) : [await lF, await CF]
+		}
 
-    const combineData = isCsr ? null : Object.assign({}, state ?? {}, layoutFetchData ?? {}, fetchData ?? {})
-    const ssrDevInfo = { manifest: isDev ? manifest : '', rootId }
-    const innerHTML = splitPageInfo({
-      'window.__USE_SSR__': !isCsr,
-      'window.__INITIAL_DATA__': isCsr ? {} : serialize(combineData),
-      'window.__USE_VITE__': isVite,
-      'window.prefix': `"${prefix}"`,
-      'window.clientPrefix': `"${clientPrefix ?? ''}"`,
-      'window.ssrDevInfo': JSON.stringify(ssrDevInfo),
-      'window.hashRouter': Boolean(hashRouter),
-      'window.__VALTIO_DATA__': isCsr ? {} : serialize(useStore())
-    })
-    const injectState = <script dangerouslySetInnerHTML={{ __html: innerHTML }} />
-    // with jsx type error, use createElement here
-    const ele = createElement(StaticRouter, {
-      location: ctx.request.url,
-      basename: prefix === '/' ? undefined : prefix
-    }, createElement(AppContext, {
-      context: context as any,
-      initialState: combineData,
-      children: createElement(Layout, {
-        ctx: ctx,
-        config: config,
-        staticList: staticList,
-        injectState: injectState
-      }, createElement(Component, null))
-    }))
-    // for ctx.body will loose asynclocalstorage context, consume stream in advance like vue2/3
-    return stream ? renderToNodeStream(ele).pipe(new PassThrough({ highWaterMark: streamHighWaterMark })) : renderToString(ele)
-  }
+		const combineData = isCsr ? null : Object.assign({}, state ?? {}, layoutFetchData ?? {}, fetchData ?? {})
+		const ssrDevInfo = { manifest: isDev ? manifest : '', rootId }
+		const innerHTML = splitPageInfo({
+			'window.__USE_SSR__': !isCsr,
+			'window.__INITIAL_DATA__': isCsr ? {} : serialize(combineData),
+			'window.__USE_VITE__': isVite,
+			'window.prefix': `"${prefix}"`,
+			'window.clientPrefix': `"${clientPrefix ?? ''}"`,
+			'window.ssrDevInfo': JSON.stringify(ssrDevInfo),
+			'window.hashRouter': Boolean(hashRouter),
+			'window.__VALTIO_DATA__': isCsr ? {} : serialize(useStore())
+		})
+		const injectState = <script dangerouslySetInnerHTML={{ __html: innerHTML }} />
+		// with jsx type error, use createElement here
+		const ele = createElement(
+			StaticRouter,
+			{
+				location: ctx.request.url,
+				basename: prefix === '/' ? undefined : prefix
+			},
+			createElement(AppContext, {
+				context: context as any,
+				initialState: combineData,
+				children: createElement(
+					Layout,
+					{
+						ctx: ctx,
+						config: config,
+						staticList: staticList,
+						injectState: injectState
+					},
+					createElement(Component, null)
+				)
+			})
+		)
+		// for ctx.body will loose asynclocalstorage context, consume stream in advance like vue2/3
+		return stream ? renderToNodeStream(ele).pipe(new PassThrough({ highWaterMark: streamHighWaterMark })) : renderToString(ele)
+	}
 
-  return await localStorageWrapper.run({
-    context: context as any,
-    ctx,
-    store: createStore()
-  }, fn)
+	return await localStorageWrapper.run(
+		{
+			context: context as any,
+			ctx,
+			store: createStore()
+		},
+		fn
+	)
 }
 
-export {
-  serverRender,
-  Routes
-}
+export { serverRender, Routes }

package/src/index.ts

@@ -3,47 +3,47 @@ import { loadConfig } from 'ssr-common-utils'
 const { isVite, optimize } = loadConfig()
 const spinner = require('ora')('Building')
 
-export function clientPlugin () {
-  return {
-    name: 'plugin-react',
-    start: async () => {
-      if (isVite) {
-        const { viteStart } = await import('./tools/vite')
-        await viteStart()
-      } else {
-        if (optimize) {
-          spinner.start()
-          const { viteBuildClient } = await import('./tools/vite')
-          await viteBuildClient()
-          process.env.NODE_ENV = 'development'
-          spinner.stop()
-          const { webpackStart } = await import('./tools/webpack')
-          await webpackStart()
-        } else {
-          const { webpackStart } = await import('./tools/webpack')
-          await webpackStart()
-        }
-      }
-    },
-    build: async () => {
-      if (isVite) {
-        const { viteBuild } = await import('./tools/vite')
-        await viteBuild()
-      } else {
-        if (optimize) {
-          spinner.start()
-          const { viteBuildClient } = await import('./tools/vite')
-          await viteBuildClient()
-          spinner.stop()
-          const { webpackBuild } = await import('./tools/webpack')
-          await webpackBuild()
-        } else {
-          const { webpackBuild } = await import('./tools/webpack')
-          await webpackBuild()
-        }
-      }
-    }
-  }
+export function clientPlugin() {
+	return {
+		name: 'plugin-react',
+		start: async () => {
+			if (isVite) {
+				const { viteStart } = await import('./tools/vite')
+				await viteStart()
+			} else {
+				if (optimize) {
+					spinner.start()
+					const { viteBuildClient } = await import('./tools/vite')
+					await viteBuildClient()
+					process.env.NODE_ENV = 'development'
+					spinner.stop()
+					const { webpackStart } = await import('./tools/webpack')
+					await webpackStart()
+				} else {
+					const { webpackStart } = await import('./tools/webpack')
+					await webpackStart()
+				}
+			}
+		},
+		build: async () => {
+			if (isVite) {
+				const { viteBuild } = await import('./tools/vite')
+				await viteBuild()
+			} else {
+				if (optimize) {
+					spinner.start()
+					const { viteBuildClient } = await import('./tools/vite')
+					await viteBuildClient()
+					spinner.stop()
+					const { webpackBuild } = await import('./tools/webpack')
+					await webpackBuild()
+				} else {
+					const { webpackBuild } = await import('./tools/webpack')
+					await webpackBuild()
+				}
+			}
+		}
+	}
 }
 
 export * from './tools/vite'

package/src/tools/vite.ts

@@ -1,153 +1,134 @@
 import { resolve } from 'path'
-import { build, UserConfig } from 'vite'
-import {
-  loadConfig, chunkNamePlugin, rollupOutputOptions, manifestPlugin, commonConfig,
-  asyncOptimizeChunkPlugin, getOutputPublicPath, getPkgMajorVersion, getCwd
-} from 'ssr-common-utils'
 import react from '@vitejs/plugin-react'
 import { visualizer } from 'rollup-plugin-visualizer'
-import { createStyleImportPlugin, AndDesignVueResolve, VantResolve, ElementPlusResolve, NutuiResolve, AntdResolve } from 'ssr-vite-plugin-style-import'
+import { asyncOptimizeChunkPlugin, chunkNamePlugin, commonConfig, getCwd, getOutputPublicPath, getPkgMajorVersion, loadConfig, manifestPlugin, rollupOutputOptions } from 'ssr-common-utils'
+import { AndDesignVueResolve, AntdResolve, ElementPlusResolve, NutuiResolve, VantResolve, createStyleImportPlugin } from 'ssr-vite-plugin-style-import'
+import { UserConfig, build } from 'vite'
 const { getOutput, reactServerEntry, reactClientEntry, viteConfig, supportOptinalChaining, isDev, define, babelOptions, optimize } = loadConfig()
 const { clientOutPut, serverOutPut } = getOutput()
 const isAntd5 = getPkgMajorVersion('antd') === 5
 const extraInclude = ([] as string[]).concat(isAntd5 ? ['react-is'] : [])
 
 const styleImportConfig = {
-  include: ['**/*.vue', '**/*.ts', '**/*.js', '**/*.tsx', '**/*.jsx', /chunkName/],
-  resolves: [
-    AndDesignVueResolve(),
-    VantResolve(),
-    ElementPlusResolve(),
-    NutuiResolve(),
-    AntdResolve()
-  ]
+	include: ['**/*.vue', '**/*.ts', '**/*.js', '**/*.tsx', '**/*.jsx', /chunkName/],
+	resolves: [AndDesignVueResolve(), VantResolve(), ElementPlusResolve(), NutuiResolve(), AntdResolve()]
 }
 const serverPlugins = [
-  react({
-    ...viteConfig?.()?.server?.defaultPluginOptions,
-    jsxRuntime: 'automatic',
-    babel: {
-      ...babelOptions,
-      plugins: [
-        ...babelOptions?.plugins ?? [],
-        ...!supportOptinalChaining ? [
-          '@babel/plugin-proposal-optional-chaining',
-          '@babel/plugin-proposal-nullish-coalescing-operator'
-        ] : []
-      ]
-    }
-  }),
-  viteConfig?.()?.common?.extraPlugin,
-  viteConfig?.()?.server?.extraPlugin,
-  createStyleImportPlugin(styleImportConfig)
+	react({
+		...viteConfig?.()?.server?.defaultPluginOptions,
+		jsxRuntime: 'automatic',
+		babel: {
+			...babelOptions,
+			plugins: [...(babelOptions?.plugins ?? []), ...(!supportOptinalChaining ? ['@babel/plugin-proposal-optional-chaining', '@babel/plugin-proposal-nullish-coalescing-operator'] : [])]
+		}
+	}),
+	viteConfig?.()?.common?.extraPlugin,
+	viteConfig?.()?.server?.extraPlugin,
+	createStyleImportPlugin(styleImportConfig)
 ].filter(Boolean)
 
 const serverConfig: UserConfig = {
-  ...commonConfig(),
-  ...viteConfig?.().server?.otherConfig,
-  plugins: viteConfig?.()?.server?.processPlugin?.(serverPlugins) ?? serverPlugins,
-  esbuild: {
-    ...viteConfig?.().server?.otherConfig?.esbuild,
-    keepNames: true,
-    logOverride: { 'this-is-undefined-in-esm': 'silent' }
-  },
-  optimizeDeps: {
-    ...viteConfig?.().server?.otherConfig?.optimizeDeps,
-    include: extraInclude.concat(...viteConfig?.().server?.otherConfig?.optimizeDeps?.include ?? []),
-    esbuildOptions: {
-      ...viteConfig?.().server?.otherConfig?.optimizeDeps?.esbuildOptions,
-      // @ts-expect-error
-      bundle: isDev
-    }
-  },
-  build: {
-    minify: !process.env.NOMINIFY,
-    ...viteConfig?.().server?.otherConfig?.build,
-    ssr: reactServerEntry,
-    outDir: serverOutPut,
-    rollupOptions: {
-      ...viteConfig?.().server?.otherConfig?.build?.rollupOptions,
-      input: isDev ? reactClientEntry : reactServerEntry, // setting prebundle list by client-entry in dev
-      output: {
-        entryFileNames: 'Page.server.js',
-        assetFileNames: rollupOutputOptions().assetFileNames
-      }
-    }
-  },
-  define: {
-    ...viteConfig?.().server?.otherConfig?.define,
-    __isBrowser__: false,
-    ...define?.base,
-    ...define?.server
-  }
+	...commonConfig(),
+	...viteConfig?.().server?.otherConfig,
+	plugins: viteConfig?.()?.server?.processPlugin?.(serverPlugins) ?? serverPlugins,
+	esbuild: {
+		...viteConfig?.().server?.otherConfig?.esbuild,
+		keepNames: true,
+		logOverride: { 'this-is-undefined-in-esm': 'silent' }
+	},
+	optimizeDeps: {
+		...viteConfig?.().server?.otherConfig?.optimizeDeps,
+		include: extraInclude.concat(...(viteConfig?.().server?.otherConfig?.optimizeDeps?.include ?? [])),
+		esbuildOptions: {
+			...viteConfig?.().server?.otherConfig?.optimizeDeps?.esbuildOptions,
+			// @ts-expect-error
+			bundle: isDev
+		}
+	},
+	build: {
+		minify: !process.env.NOMINIFY,
+		...viteConfig?.().server?.otherConfig?.build,
+		ssr: reactServerEntry,
+		outDir: serverOutPut,
+		rollupOptions: {
+			...viteConfig?.().server?.otherConfig?.build?.rollupOptions,
+			input: isDev ? reactClientEntry : reactServerEntry, // setting prebundle list by client-entry in dev
+			output: {
+				entryFileNames: 'Page.server.js',
+				assetFileNames: rollupOutputOptions().assetFileNames
+			}
+		}
+	},
+	define: {
+		...viteConfig?.().server?.otherConfig?.define,
+		__isBrowser__: false,
+		...define?.base,
+		...define?.server
+	}
 }
 const clientPlugins = [
-  react({
-    ...viteConfig?.()?.client?.defaultPluginOptions,
-    jsxRuntime: 'automatic',
-    ...babelOptions
-  }),
-  viteConfig?.()?.common?.extraPlugin,
-  viteConfig?.()?.client?.extraPlugin,
-  createStyleImportPlugin(styleImportConfig)
+	react({
+		...viteConfig?.()?.client?.defaultPluginOptions,
+		jsxRuntime: 'automatic',
+		...babelOptions
+	}),
+	viteConfig?.()?.common?.extraPlugin,
+	viteConfig?.()?.client?.extraPlugin,
+	createStyleImportPlugin(styleImportConfig)
 ].filter(Boolean)
 const analyzePlugin = process.env.GENERATE_ANALYSIS ? visualizer({ filename: resolve(getCwd(), './build/stat.html'), open: true }) : null
 
 const clientConfig: UserConfig = {
-  ...commonConfig(),
-  ...viteConfig?.().client?.otherConfig,
-  base: isDev ? '/' : getOutputPublicPath(),
-  esbuild: {
-    ...viteConfig?.().client?.otherConfig?.esbuild,
-    keepNames: true,
-    logOverride: { 'this-is-undefined-in-esm': 'silent' }
-  },
-  optimizeDeps: {
-    ...viteConfig?.().client?.otherConfig?.optimizeDeps,
-    include: ['react-router', ...extraInclude].concat(...viteConfig?.().client?.otherConfig?.optimizeDeps?.include ?? []),
-    exclude: ['ssr-hoc-react'].concat(...viteConfig?.().client?.otherConfig?.optimizeDeps?.exclude ?? [])
-  },
-  plugins: viteConfig?.()?.client?.processPlugin?.(clientPlugins) ?? clientPlugins,
-  build: {
-    minify: !process.env.NOMINIFY,
-    ...viteConfig?.().client?.otherConfig?.build,
-    ...(optimize ? { write: false } : {}),
-    ssrManifest: true,
-    outDir: clientOutPut,
-    rollupOptions: {
-      ...viteConfig?.().client?.otherConfig?.build?.rollupOptions,
-      input: reactClientEntry,
-      output: rollupOutputOptions(),
-      plugins: [chunkNamePlugin(), asyncOptimizeChunkPlugin(), manifestPlugin(), analyzePlugin]
-    }
-  },
-  define: {
-    ...viteConfig?.().client?.otherConfig?.define,
-    __isBrowser__: true,
-    ...define?.base,
-    ...define?.client
-  }
+	...commonConfig(),
+	...viteConfig?.().client?.otherConfig,
+	base: isDev ? '/' : getOutputPublicPath(),
+	esbuild: {
+		...viteConfig?.().client?.otherConfig?.esbuild,
+		keepNames: true,
+		logOverride: { 'this-is-undefined-in-esm': 'silent' }
+	},
+	optimizeDeps: {
+		...viteConfig?.().client?.otherConfig?.optimizeDeps,
+		include: ['react-router', ...extraInclude].concat(...(viteConfig?.().client?.otherConfig?.optimizeDeps?.include ?? [])),
+		exclude: ['ssr-hoc-react'].concat(...(viteConfig?.().client?.otherConfig?.optimizeDeps?.exclude ?? []))
+	},
+	plugins: viteConfig?.()?.client?.processPlugin?.(clientPlugins) ?? clientPlugins,
+	build: {
+		minify: !process.env.NOMINIFY,
+		...viteConfig?.().client?.otherConfig?.build,
+		...(optimize ? { write: false } : {}),
+		ssrManifest: true,
+		outDir: clientOutPut,
+		rollupOptions: {
+			...viteConfig?.().client?.otherConfig?.build?.rollupOptions,
+			input: reactClientEntry,
+			output: rollupOutputOptions(),
+			plugins: [chunkNamePlugin(), asyncOptimizeChunkPlugin(), manifestPlugin(), analyzePlugin]
+		}
+	},
+	define: {
+		...viteConfig?.().client?.otherConfig?.define,
+		__isBrowser__: true,
+		...define?.base,
+		...define?.client
+	}
 }
 const viteStart = async () => {
-  //
+	//
 }
 const viteBuild = async () => {
-  await build({ ...clientConfig, mode: 'production' })
-  await build({ ...serverConfig, mode: process.env.VITEMODE ?? 'production' })
+	await build({ ...clientConfig, mode: 'production' })
+	await build({ ...serverConfig, mode: process.env.VITEMODE ?? 'production' })
 }
 
 const viteBuildClient = async () => {
-  await build({ ...clientConfig, mode: process.env.VITEMODE ?? 'production' }).catch(_ => { })
+	await build({
+		...clientConfig,
+		mode: process.env.VITEMODE ?? 'production'
+	}).catch((_) => {})
 }
 const viteBuildServer = async () => {
-  await build({ ...serverConfig, mode: process.env.VITEMODE ?? 'production' })
+	await build({ ...serverConfig, mode: process.env.VITEMODE ?? 'production' })
 }
 
-export {
-  viteBuild,
-  viteStart,
-  serverConfig,
-  clientConfig,
-  viteBuildClient,
-  viteBuildServer
-}
+export { viteBuild, viteStart, serverConfig, clientConfig, viteBuildClient, viteBuildServer }

package/src/tools/webpack.ts

@@ -1,20 +1,20 @@
 import * as WebpackChain from 'webpack-chain'
 
 export const webpackStart = async () => {
-  const { startServerBuild } = await import('ssr-webpack/cjs/server')
-  const { getServerWebpack } = await import('../config/server')
-  const serverConfigChain = new WebpackChain()
+	const { startServerBuild } = await import('ssr-webpack/cjs/server')
+	const { getServerWebpack } = await import('../config/server')
+	const serverConfigChain = new WebpackChain()
 
-  const { startClientServer } = await import('ssr-webpack')
-  const { getClientWebpack } = await import('../config')
-  const clientConfigChain = new WebpackChain()
-  await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientServer(getClientWebpack(clientConfigChain))])
+	const { startClientServer } = await import('ssr-webpack')
+	const { getClientWebpack } = await import('../config')
+	const clientConfigChain = new WebpackChain()
+	await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientServer(getClientWebpack(clientConfigChain))])
 }
 
 export const webpackBuild = async () => {
-  const { startServerBuild, startClientBuild } = await import('ssr-webpack')
-  const { getClientWebpack, getServerWebpack } = await import('../config')
-  const serverConfigChain = new WebpackChain()
-  const clientConfigChain = new WebpackChain()
-  await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientBuild(getClientWebpack(clientConfigChain))])
+	const { startServerBuild, startClientBuild } = await import('ssr-webpack')
+	const { getClientWebpack, getServerWebpack } = await import('../config')
+	const serverConfigChain = new WebpackChain()
+	const clientConfigChain = new WebpackChain()
+	await Promise.all([startServerBuild(getServerWebpack(serverConfigChain)), startClientBuild(getClientWebpack(clientConfigChain))])
 }