vite Architecture Docs
Home / File/ main.js — vite Source File

main.js — vite Source File

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

File javascript ViteCore BuildPipeline 7 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  e5ab158b_5166_6074_28d4_84d5b575227e["main.js"]
  4696c248_3586_a317_1281_dbff87b55248["minify.css"]
  e5ab158b_5166_6074_28d4_84d5b575227e --> 4696c248_3586_a317_1281_dbff87b55248
  d4080ab6_91bf_53cb_9ee7_b9fae87a27f6["imported.css"]
  e5ab158b_5166_6074_28d4_84d5b575227e --> d4080ab6_91bf_53cb_9ee7_b9fae87a27f6
  6e58c5cd_7978_97a6_95c6_0944cfd2baf0["mod.module.css"]
  e5ab158b_5166_6074_28d4_84d5b575227e --> 6e58c5cd_7978_97a6_95c6_0944cfd2baf0
  a05f11b5_6e41_8ecc_57b6_954bca4415cc["external-url.css"]
  e5ab158b_5166_6074_28d4_84d5b575227e --> a05f11b5_6e41_8ecc_57b6_954bca4415cc
  8512cf36_64b4_f0b5_c360_c14cd2449a42["css-url.css"]
  e5ab158b_5166_6074_28d4_84d5b575227e --> 8512cf36_64b4_f0b5_c360_c14cd2449a42
  72d709a9_4093_1bbf_56cd_39730cd481ad["composes-path-resolving.module.css"]
  e5ab158b_5166_6074_28d4_84d5b575227e --> 72d709a9_4093_1bbf_56cd_39730cd481ad
  93ab8130_a0b4_39d4_7eae_3c2713acddf1["./inline.module.css?inline"]
  e5ab158b_5166_6074_28d4_84d5b575227e --> 93ab8130_a0b4_39d4_7eae_3c2713acddf1
  style e5ab158b_5166_6074_28d4_84d5b575227e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import './minify.css'
import './imported.css'
import mod from './mod.module.css'
import './external-url.css'
import './css-url.css'

document.querySelector('.modules').classList.add(mod['apply-color'])
text('.modules-code', JSON.stringify(mod, null, 2))

import composesPathResolvingMod from './composes-path-resolving.module.css'
document
  .querySelector('.path-resolved-modules-css')
  .classList.add(...composesPathResolvingMod['path-resolving-css'].split(' '))
text(
  '.path-resolved-modules-code',
  JSON.stringify(composesPathResolvingMod, null, 2),
)

import inlineMod from './inline.module.css?inline'
text('.modules-inline', inlineMod)

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

if (import.meta.hot) {
  import.meta.hot.accept('./mod.module.css', (newMod) => {
    const list = document.querySelector('.modules').classList
    list.remove(mod.applyColor)
    list.add(newMod.applyColor)
    text('.modules-code', JSON.stringify(newMod.default, null, 2))
  })
}

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does main.js do?
main.js is a source file in the vite codebase, written in javascript. It belongs to the ViteCore domain, BuildPipeline subdomain.
What functions are defined in main.js?
main.js defines 1 function(s): text.
What does main.js depend on?
main.js imports 7 module(s): ./inline.module.css?inline, composes-path-resolving.module.css, css-url.css, external-url.css, imported.css, minify.css, mod.module.css.
Where is main.js in the architecture?
main.js is located at playground/css-lightningcss/main.js (domain: ViteCore, subdomain: BuildPipeline, directory: playground/css-lightningcss).

Analyze Your Own Codebase

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

Try Supermodel Free