resolveDevToolsConfig() — vite Function Reference

Architecture documentation for the resolveDevToolsConfig() function in config.ts from the vite codebase.

Function typescript ViteCore ConfigEngine calls 2 called by 1

Entity Profile

ViteCore→ ConfigEngine→ resolveDevToolsConfig() — vite Function Reference

Dependency Diagram

graph TD
  61b5bb81_ee7e_b41b_377c_aafdae3ef119["resolveDevToolsConfig()"]
  7da774f9_eca5_d54e_6e01_6bee7d460a2b["config.ts"]
  61b5bb81_ee7e_b41b_377c_aafdae3ef119 -->|defined in| 7da774f9_eca5_d54e_6e01_6bee7d460a2b
  58c4a210_68fe_1b4d_ed49_d59203f97ef1["resolveConfig()"]
  58c4a210_68fe_1b4d_ed49_d59203f97ef1 -->|calls| 61b5bb81_ee7e_b41b_377c_aafdae3ef119
  369388dc_006d_6dcb_70b4_e174e2ad592f["resolveHostname()"]
  61b5bb81_ee7e_b41b_377c_aafdae3ef119 -->|calls| 369388dc_006d_6dcb_70b4_e174e2ad592f
  8127cae8_510b_1333_1a76_2d21b503c3a6["error()"]
  61b5bb81_ee7e_b41b_377c_aafdae3ef119 -->|calls| 8127cae8_510b_1333_1a76_2d21b503c3a6
  style 61b5bb81_ee7e_b41b_377c_aafdae3ef119 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/config.ts lines 742–772

export async function resolveDevToolsConfig(
  config: DevToolsConfig | boolean | undefined,
  host: string | boolean | undefined,
  logger: Logger,
): Promise<ResolvedDevToolsConfig> {
  const isEnabled = config === true || !!(config && config.enabled)
  const resolvedHostname = await resolveHostname(host)
  const fallbackHostname = resolvedHostname.host ?? 'localhost'
  const fallbackConfig = {
    config: {
      host: fallbackHostname,
    },
    enabled: false,
  }
  if (!isEnabled) {
    return fallbackConfig
  }

  try {
    const { normalizeDevToolsConfig } = await import('@vitejs/devtools/config')
    return normalizeDevToolsConfig(config, fallbackHostname)
  } catch (e) {
    logger.error(
      colors.red(
        `Failed to load Vite DevTools config: ${e.message || e.stack}`,
      ),
      { error: e },
    )
    return fallbackConfig
  }
}