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. 31 imports, 0 dependents.

File javascript ViteCore BuildPipeline 31 imports 2 functions

Entity Profile

Dependency Diagram

graph LR
  59ca050e_c827_188c_96a7_0ad7685a4e2a["main.js"]
  53bbd9e3_8131_5e42_3041_bc4a94cd933e["minify.css"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> 53bbd9e3_8131_5e42_3041_bc4a94cd933e
  23b5d461_e0ca_3315_5355_978bb8c31afc["imported.css"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> 23b5d461_e0ca_3315_5355_978bb8c31afc
  75b78672_bc68_11c4_8e36_401244cce583["./sugarss.sss"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> 75b78672_bc68_11c4_8e36_401244cce583
  bbfc597f_0af0_74e0_07a3_d5330ef523c7["./sass.scss"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> bbfc597f_0af0_74e0_07a3_d5330ef523c7
  67525ff4_49b2_2c1a_6dbc_052b11578334["./less.less"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> 67525ff4_49b2_2c1a_6dbc_052b11578334
  c2b24d33_0339_6260_cbbd_3a9e20a902ca["./less-plugin.less"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> c2b24d33_0339_6260_cbbd_3a9e20a902ca
  291992bd_7e8f_ea17_777c_9b85582ea336["./stylus.styl"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> 291992bd_7e8f_ea17_777c_9b85582ea336
  e7d8048c_51a4_8371_c1b6_5c261852f0c1["manual-chunk.css"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> e7d8048c_51a4_8371_c1b6_5c261852f0c1
  4019d0ac_27dd_65bd_b59c_814d58dfdaf7["postcss-inject-url.css"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> 4019d0ac_27dd_65bd_b59c_814d58dfdaf7
  a69f71ac_0792_2340_efe9_1b899adb1849["./url-imported.css?url"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> a69f71ac_0792_2340_efe9_1b899adb1849
  52b1a3e0_8ca2_57ee_7afb_72db8d013185["./raw-imported.css?raw"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> 52b1a3e0_8ca2_57ee_7afb_72db8d013185
  3a6df1ef_9adf_2d24_f508_59bdabf54cf6["index.js"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> 3a6df1ef_9adf_2d24_f508_59bdabf54cf6
  bc2af720_72df_013d_db02_c29777614b6a["mod.module.css"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> bc2af720_72df_013d_db02_c29777614b6a
  945f98a2_1ce6_227d_95ad_1354fc133a71["./mod.module.scss"]
  59ca050e_c827_188c_96a7_0ad7685a4e2a --> 945f98a2_1ce6_227d_95ad_1354fc133a71
  style 59ca050e_c827_188c_96a7_0ad7685a4e2a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import './minify.css'
import './imported.css'
import './sugarss.sss'
import './sass.scss'
import './less.less'
import './less-plugin.less'
import './stylus.styl'
import './manual-chunk.css'
import './postcss-inject-url.css'

import urlCss from './url-imported.css?url'
appendLinkStylesheet(urlCss)

import rawCss from './raw-imported.css?raw'
text('.raw-imported-css', rawCss)

import { cUsed, a as treeshakeScopedA } from './treeshake-scoped/index.js'
document.querySelector('.scoped').classList.add(treeshakeScopedA(), cUsed())

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

import sassMod from './mod.module.scss'
document.querySelector('.modules-sass').classList.add(sassMod['apply-color'])
text('.modules-sass-code', JSON.stringify(sassMod, null, 2))

import { a as treeshakeMod } from './treeshake-module/index.js'
document
  .querySelector('.modules-treeshake')
  .classList.add(treeshakeMod()['treeshake-module-a'])

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

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

import charset from './charset.css?inline'
text('.charset-css', charset)

import './layered/index.css'

import './dep.css'
import './glob-dep.css'

// eslint-disable-next-line import-x/order
import { barModuleClasses } from '@vitejs/test-css-js-dep'
// ... (81 more lines)

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 2 function(s): appendLinkStylesheet, text.
What does main.js depend on?
main.js imports 31 module(s): #alias, #alias-module, #alias?inline, ./charset.css?inline, ./inline.module.css?inline, ./inlined.css?inline, ./less-plugin.less, ./less.less, and 23 more.
Where is main.js in the architecture?
main.js is located at playground/css/main.js (domain: ViteCore, subdomain: BuildPipeline, directory: playground/css).

Analyze Your Own Codebase

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

Try Supermodel Free