feat: add --fullBundleMode flag for vite dev

Author: sapphi-red

packages/vite/src/node/cli.ts

@@ -34,6 +34,10 @@ interface GlobalCLIOptions {
   w?: boolean
 }
 
+interface ExperimentalDevOptions {
+  fullBundleMode?: boolean
+}
+
 interface BuilderCLIOptions {
   app?: boolean
 }
@@ -176,93 +180,105 @@ cli
     '--force',
     `[boolean] force the optimizer to ignore the cache and re-bundle`,
   )
-  .action(async (root: string, options: ServerOptions & GlobalCLIOptions) => {
-    filterDuplicateOptions(options)
-    // output structure is preserved even after bundling so require()
-    // is ok here
-    const { createServer } = await import('./server')
-    try {
-      const server = await createServer({
-        root,
-        base: options.base,
-        mode: options.mode,
-        configFile: options.config,
-        configLoader: options.configLoader,
-        logLevel: options.logLevel,
-        clearScreen: options.clearScreen,
-        server: cleanGlobalCLIOptions(options),
-        forceOptimizeDeps: options.force,
-      })
+  .option('--fullBundleMode', `[boolean] use experimental full bundle mode`)
+  .action(
+    async (
+      root: string,
+      options: ServerOptions & ExperimentalDevOptions & GlobalCLIOptions,
+    ) => {
+      filterDuplicateOptions(options)
+      // output structure is preserved even after bundling so require()
+      // is ok here
+      const { createServer } = await import('./server')
+      try {
+        const server = await createServer({
+          root,
+          base: options.base,
+          mode: options.mode,
+          configFile: options.config,
+          configLoader: options.configLoader,
+          logLevel: options.logLevel,
+          clearScreen: options.clearScreen,
+          server: cleanGlobalCLIOptions(options),
+          forceOptimizeDeps: options.force,
+          experimental: {
+            fullBundleMode: options.fullBundleMode,
+          },
+        })
 
-      if (!server.httpServer) {
-        throw new Error('HTTP server not available')
-      }
+        if (!server.httpServer) {
+          throw new Error('HTTP server not available')
+        }
 
-      await server.listen()
+        await server.listen()
 
-      const info = server.config.logger.info
+        const info = server.config.logger.info
 
-      const modeString =
-        options.mode && options.mode !== 'development'
-          ? `  ${colors.bgGreen(` ${colors.bold(options.mode)} `)}`
+        const modeString =
+          options.mode && options.mode !== 'development'
+            ? `  ${colors.bgGreen(` ${colors.bold(options.mode)} `)}`
+            : ''
+        const viteStartTime = global.__vite_start_time ?? false
+        const startupDurationString = viteStartTime
+          ? colors.dim(
+              `ready in ${colors.reset(
+                colors.bold(Math.ceil(performance.now() - viteStartTime)),
+              )} ms`,
+            )
           : ''
-      const viteStartTime = global.__vite_start_time ?? false
-      const startupDurationString = viteStartTime
-        ? colors.dim(
-            `ready in ${colors.reset(
-              colors.bold(Math.ceil(performance.now() - viteStartTime)),
-            )} ms`,
-          )
-        : ''
-      const hasExistingLogs =
-        process.stdout.bytesWritten > 0 || process.stderr.bytesWritten > 0
+        const hasExistingLogs =
+          process.stdout.bytesWritten > 0 || process.stderr.bytesWritten > 0
 
-      info(
-        `\n  ${colors.green(
-          `${colors.bold('ROLLDOWN-VITE')} v${VERSION}`,
-        )}${modeString}  ${startupDurationString}\n`,
-        {
-          clear: !hasExistingLogs,
-        },
-      )
+        info(
+          `\n  ${colors.green(
+            `${colors.bold('ROLLDOWN-VITE')} v${VERSION}`,
+          )}${modeString}  ${startupDurationString}\n`,
+          {
+            clear: !hasExistingLogs,
+          },
+        )
 
-      server.printUrls()
-      const customShortcuts: CLIShortcut<typeof server>[] = []
-      if (profileSession) {
-        customShortcuts.push({
-          key: 'p',
-          description: 'start/stop the profiler',
-          async action(server) {
-            if (profileSession) {
-              await stopProfiler(server.config.logger.info)
-            } else {
-              const inspector = await import('node:inspector').then(
-                (r) => r.default,
-              )
-              await new Promise<void>((res) => {
-                profileSession = new inspector.Session()
-                profileSession.connect()
-                profileSession.post('Profiler.enable', () => {
-                  profileSession!.post('Profiler.start', () => {
-                    server.config.logger.info('Profiler started')
-                    res()
+        server.printUrls()
+        const customShortcuts: CLIShortcut<typeof server>[] = []
+        if (profileSession) {
+          customShortcuts.push({
+            key: 'p',
+            description: 'start/stop the profiler',
+            async action(server) {
+              if (profileSession) {
+                await stopProfiler(server.config.logger.info)
+              } else {
+                const inspector = await import('node:inspector').then(
+                  (r) => r.default,
+                )
+                await new Promise<void>((res) => {
+                  profileSession = new inspector.Session()
+                  profileSession.connect()
+                  profileSession.post('Profiler.enable', () => {
+                    profileSession!.post('Profiler.start', () => {
+                      server.config.logger.info('Profiler started')
+                      res()
+                    })
                   })
                 })
-              })
-            }
+              }
+            },
+          })
+        }
+        server.bindCLIShortcuts({ print: true, customShortcuts })
+      } catch (e) {
+        const logger = createLogger(options.logLevel)
+        logger.error(
+          colors.red(`error when starting dev server:\n${e.stack}`),
+          {
+            error: e,
           },
-        })
+        )
+        stopProfiler(logger.info)
+        process.exit(1)
       }
-      server.bindCLIShortcuts({ print: true, customShortcuts })
-    } catch (e) {
-      const logger = createLogger(options.logLevel)
-      logger.error(colors.red(`error when starting dev server:\n${e.stack}`), {
-        error: e,
-      })
-      stopProfiler(logger.info)
-      process.exit(1)
-    }
-  })
+    },
+  )
 
 // build
 cli