hmr.js — vite Source File

Architecture documentation for hmr.js, a javascript file in the vite codebase. 1 imports, 1 dependents.

File javascript ViteCore DevServer 1 imports 1 dependents 1 functions

Entity Profile

ViteCore→ DevServer→ hmr.js — vite Source File

Dependency Diagram

graph LR
  5445e27d_29fb_ce45_60a4_df520bfbcecd["hmr.js"]
  7d11fe83_c233_508b_7a3a_4bac74bc9d70["./asset.png"]
  5445e27d_29fb_ce45_60a4_df520bfbcecd --> 7d11fe83_c233_508b_7a3a_4bac74bc9d70
  344bff41_86ee_0656_747f_ad296f387185["main.js"]
  344bff41_86ee_0656_747f_ad296f387185 --> 5445e27d_29fb_ce45_60a4_df520bfbcecd
  style 5445e27d_29fb_ce45_60a4_df520bfbcecd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

export const foo = 'hello'
text('.hmr', foo)

import assetUrlImported from './asset.png'

export const assetUrl = assetUrlImported
text('.asset', assetUrl)

function text(el, text) {
  document.querySelector(el).textContent = text
}

import.meta.hot?.accept((mod) => {
  if (mod) {
    text('.hmr', mod.foo)
    text('.asset', mod.assetUrl)
  }
})