fix: preserve user app output in build.withApp mode (#258)

antfu · web-flow · commit bc844ffb0f11 · 2026-03-24T16:10:55.000+09:00
diff --git a/packages/core/src/node/build-static.ts b/packages/core/src/node/build-static.ts
@@ -19,12 +19,13 @@ import { MARK_NODE } from './constants'
 export interface BuildStaticOptions {
   context: DevToolsNodeContext
   outDir: string
+  withApp?: boolean
 }
 
 export async function buildStaticDevTools(options: BuildStaticOptions): Promise<void> {
-  const { context, outDir } = options
+  const { context, outDir, withApp } = options
 
-  if (existsSync(outDir))
+  if (!withApp && existsSync(outDir))
     await fs.rm(outDir, { recursive: true })
 
   const devToolsRoot = join(outDir, DEVTOOLS_DIRNAME)
@@ -55,24 +56,26 @@ export async function buildStaticDevTools(options: BuildStaticOptions): Promise<
     await fs.writeFile(fullpath, JSON.stringify(data, null, 2), 'utf-8')
   }
   await fs.writeFile(resolve(devToolsRoot, DEVTOOLS_RPC_DUMP_MANIFEST_FILENAME), JSON.stringify(dump.manifest, null, 2), 'utf-8')
-  await fs.writeFile(
-    resolve(outDir, 'index.html'),
-    [
-      '<!doctype html>',
-      '<html lang="en">',
-      '<head>',
-      '  <meta charset="UTF-8">',
-      '  <meta name="viewport" content="width=device-width, initial-scale=1.0">',
-      '  <title>Vite DevTools</title>',
-      `  <meta http-equiv="refresh" content="0; url=${DEVTOOLS_MOUNT_PATH}">`,
-      '</head>',
-      '<body>',
-      `  <script>location.replace(${JSON.stringify(DEVTOOLS_MOUNT_PATH)})</script>`,
-      '</body>',
-      '</html>',
-    ].join('\n'),
-    'utf-8',
-  )
+  if (!existsSync(resolve(outDir, 'index.html'))) {
+    await fs.writeFile(
+      resolve(outDir, 'index.html'),
+      [
+        '<!doctype html>',
+        '<html lang="en">',
+        '<head>',
+        '  <meta charset="UTF-8">',
+        '  <meta name="viewport" content="width=device-width, initial-scale=1.0">',
+        '  <title>Vite DevTools</title>',
+        `  <meta http-equiv="refresh" content="0; url=${DEVTOOLS_MOUNT_PATH}">`,
+        '</head>',
+        '<body>',
+        `  <script>location.replace(${JSON.stringify(DEVTOOLS_MOUNT_PATH)})</script>`,
+        '</body>',
+        '</html>',
+      ].join('\n'),
+      'utf-8',
+    )
+  }
 
   console.log(c.green`${MARK_NODE} Built DevTools to ${relative(context.cwd, outDir)}`)
 }
diff --git a/packages/core/src/node/plugins/build.ts b/packages/core/src/node/plugins/build.ts
@@ -35,7 +35,7 @@ export function DevToolsBuild(options: DevToolsBuildOptions = {}): Plugin {
         : resolve(resolvedConfig.root, resolvedConfig.build.outDir)
 
       const { buildStaticDevTools } = await import('../build-static')
-      await buildStaticDevTools({ context, outDir })
+      await buildStaticDevTools({ context, outDir, withApp: true })
     },
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -35,7 +35,7 @@ export function DevToolsBuild(options: DevToolsBuildOptions = {}): Plugin {`
`35`	`35`	`: resolve(resolvedConfig.root, resolvedConfig.build.outDir)`
`36`	`36`
`37`	`37`	`const { buildStaticDevTools } = await import('../build-static')`
`38`		`- await buildStaticDevTools({ context, outDir })`
	`38`	`+ await buildStaticDevTools({ context, outDir, withApp: true })`
`39`	`39`	`},`
`40`	`40`	`}`
`41`	`41`	`}`