perf: use dynamic imports for node:net (#5314)

Author: chenjiahan

packages/core/src/server/devServer.ts

@@ -202,7 +202,7 @@ export async function createDevServer<
   };
 
   const protocol = https ? 'https' : 'http';
-  const urls = getAddressUrls({ protocol, port, host });
+  const urls = await getAddressUrls({ protocol, port, host });
 
   const cliShortcutsEnabled = isCliShortcutsEnabled(devConfig);
 

packages/core/src/server/helper.ts

@@ -1,6 +1,5 @@
 import type { IncomingMessage, Server } from 'node:http';
 import type { Http2SecureServer } from 'node:http2';
-import net from 'node:net';
 import type { Socket } from 'node:net';
 import os from 'node:os';
 import { posix, relative, sep } from 'node:path';
@@ -265,14 +264,16 @@ export const getPort = async ({
     tryLimits = 1;
   }
 
+  const { createServer } = await import('node:net');
   const original = port;
 
   let found = false;
   let attempts = 0;
+
   while (!found && attempts <= tryLimits) {
     try {
       await new Promise((resolve, reject) => {
-        const server = net.createServer();
+        const server = createServer();
         server.unref();
         server.on('error', reject);
         server.listen({ port, host }, () => {
@@ -372,11 +373,13 @@ const isLoopbackHost = (host: string) => {
   return loopbackHosts.has(host);
 };
 
-export const getHostInUrl = (host: string): string => {
+export const getHostInUrl = async (host: string): Promise<string> => {
   if (host === DEFAULT_DEV_HOST) {
     return 'localhost';
   }
-  if (net.isIPv6(host)) {
+
+  const { isIPv6 } = await import('node:net');
+  if (isIPv6(host)) {
     return host === '::' ? '[::1]' : `[${host}]`;
   }
   return host;
@@ -406,24 +409,25 @@ const getUrlLabel = (url: string) => {
 
 type AddressUrl = { label: string; url: string };
 
-export const getAddressUrls = ({
+export const getAddressUrls = async ({
   protocol = 'http',
   port,
   host,
 }: {
   protocol?: string;
   port: number;
   host?: string;
-}): AddressUrl[] => {
+}): Promise<AddressUrl[]> => {
   if (host && host !== DEFAULT_DEV_HOST) {
+    const url = concatUrl({
+      port,
+      host: await getHostInUrl(host),
+      protocol,
+    });
     return [
       {
         label: isLoopbackHost(host) ? LOCAL_LABEL : NETWORK_LABEL,
-        url: concatUrl({
-          port,
-          host: getHostInUrl(host),
-          protocol,
-        }),
+        url,
       },
     ];
   }

packages/core/src/server/open.ts

@@ -196,7 +196,7 @@ export async function open({
 
   const urls: string[] = [];
   const protocol = https ? 'https' : 'http';
-  const host = getHostInUrl(config.server.host);
+  const host = await getHostInUrl(config.server.host);
   const baseUrl = `${protocol}://${host}:${port}`;
 
   if (!targets.length) {

packages/core/src/server/prodServer.ts

@@ -226,7 +226,7 @@ export async function startProdServer(
         });
 
         const protocol = https ? 'https' : 'http';
-        const urls = getAddressUrls({ protocol, port, host });
+        const urls = await getAddressUrls({ protocol, port, host });
         const cliShortcutsEnabled = isCliShortcutsEnabled(config.dev);
 
         const cleanupGracefulShutdown = setupGracefulShutdown();