main.js — vite Source File

Architecture documentation for main.js, a javascript file in the vite codebase. 3 imports, 0 dependents.

File javascript ViteCore DevServer 3 imports 1 functions

Entity Profile

ViteCore→ DevServer→ main.js — vite Source File

Dependency Diagram

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

Relationship Graph

Source Code

import './hmr.js'
import assetUrl from './asset.png'
import WorkerQuery from './worker-query.js?worker'

text('.app', 'hello')
text('.asset', assetUrl)

const workerQuery = new WorkerQuery()
workerQuery.postMessage('ping')
workerQuery.addEventListener('message', (e) => {
  text('.worker-query', e.data)
})

const workerUrl = new Worker(new URL('./worker-url.js', import.meta.url), {
  type: 'module',
})
workerUrl.postMessage('ping')
workerUrl.addEventListener('message', (e) => {
  text('.worker-url', e.data)
})

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