vite Architecture Docs
Home / Function/ createDevHtmlTransformFn() — vite Function Reference

createDevHtmlTransformFn() — vite Function Reference

Architecture documentation for the createDevHtmlTransformFn() function in indexHtml.ts from the vite codebase.

Function typescript ViteCore ConfigEngine calls 8 called by 1

Entity Profile

Dependency Diagram

graph TD
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb["createDevHtmlTransformFn()"]
  3f56d5b2_9fca_532f_3bfc_6bfb2be77015["indexHtml.ts"]
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb -->|defined in| 3f56d5b2_9fca_532f_3bfc_6bfb2be77015
  24ecf2a1_3c09_d451_76f3_9485b4e993f8["_createServer()"]
  24ecf2a1_3c09_d451_76f3_9485b4e993f8 -->|calls| 7a53712a_b13b_4bc2_85fc_b4de5cb705fb
  f0ebd795_2bfe_7b80_5eb1_60aa49511704["resolveHtmlTransforms()"]
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb -->|calls| f0ebd795_2bfe_7b80_5eb1_60aa49511704
  f2e3401e_edbf_08a2_0460_cc85afbcd839["preImportMapHook()"]
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb -->|calls| f2e3401e_edbf_08a2_0460_cc85afbcd839
  0819abd4_be39_9b71_5bc7_55025fbeb47e["injectCspNonceMetaTagHook()"]
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb -->|calls| 0819abd4_be39_9b71_5bc7_55025fbeb47e
  74ff6a26_1c5b_a015_895e_a968330cb049["htmlEnvHook()"]
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb -->|calls| 74ff6a26_1c5b_a015_895e_a968330cb049
  7514180d_f3bd_4f07_5c4e_5911c2a70a4c["injectNonceAttributeTagHook()"]
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb -->|calls| 7514180d_f3bd_4f07_5c4e_5911c2a70a4c
  6c4a81f2_0b84_113e_b706_96c3d99e6151["postImportMapHook()"]
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb -->|calls| 6c4a81f2_0b84_113e_b706_96c3d99e6151
  979ed295_1d80_37c1_156b_2bbf25fc21e4["applyHtmlTransforms()"]
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb -->|calls| 979ed295_1d80_37c1_156b_2bbf25fc21e4
  0b899fd9_dc16_f8f4_3092_43b7af9ce3a3["getHtmlFilename()"]
  7a53712a_b13b_4bc2_85fc_b4de5cb705fb -->|calls| 0b899fd9_dc16_f8f4_3092_43b7af9ce3a3
  style 7a53712a_b13b_4bc2_85fc_b4de5cb705fb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/server/middlewares/indexHtml.ts lines 68–107

export function createDevHtmlTransformFn(
  config: ResolvedConfig,
): (
  server: ViteDevServer,
  url: string,
  html: string,
  originalUrl?: string,
) => Promise<string> {
  const [preHooks, normalHooks, postHooks] = resolveHtmlTransforms(
    config.plugins,
  )
  const transformHooks = [
    preImportMapHook(config),
    injectCspNonceMetaTagHook(config),
    ...preHooks,
    htmlEnvHook(config),
    devHtmlHook,
    ...normalHooks,
    ...postHooks,
    injectNonceAttributeTagHook(config),
    postImportMapHook(),
  ]
  const pluginContext = new BasicMinimalPluginContext(
    { ...basePluginContextMeta, watchMode: true },
    config.logger,
  )
  return (
    server: ViteDevServer,
    url: string,
    html: string,
    originalUrl?: string,
  ): Promise<string> => {
    return applyHtmlTransforms(html, transformHooks, pluginContext, {
      path: url,
      filename: getHtmlFilename(url, server),
      server,
      originalUrl,
    })
  }
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does createDevHtmlTransformFn() do?
createDevHtmlTransformFn() is a function in the vite codebase, defined in packages/vite/src/node/server/middlewares/indexHtml.ts.
Where is createDevHtmlTransformFn() defined?
createDevHtmlTransformFn() is defined in packages/vite/src/node/server/middlewares/indexHtml.ts at line 68.
What does createDevHtmlTransformFn() call?
createDevHtmlTransformFn() calls 8 function(s): applyHtmlTransforms, getHtmlFilename, htmlEnvHook, injectCspNonceMetaTagHook, injectNonceAttributeTagHook, postImportMapHook, preImportMapHook, resolveHtmlTransforms.
What calls createDevHtmlTransformFn()?
createDevHtmlTransformFn() is called by 1 function(s): _createServer.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free