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

vite.config.js — vite Source File

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

File javascript ViteCore 3 imports 1 dependents

Entity Profile

Dependency Diagram

graph LR
  32b9a38e_b8fa_2547_77f3_dca2438e08d6["vite.config.js"]
  0233d874_f3d6_1328_7e6f_61dc7b7c4768["config-dep.cjs"]
  32b9a38e_b8fa_2547_77f3_dca2438e08d6 --> 0233d874_f3d6_1328_7e6f_61dc7b7c4768
  51e96894_3556_ed5c_1ede_97d449867adf["node:path"]
  32b9a38e_b8fa_2547_77f3_dca2438e08d6 --> 51e96894_3556_ed5c_1ede_97d449867adf
  54c37fea_4fe7_2693_71cb_1276b77f55f9["vite"]
  32b9a38e_b8fa_2547_77f3_dca2438e08d6 --> 54c37fea_4fe7_2693_71cb_1276b77f55f9
  f26c64c7_18f8_abf2_bfc6_1f938fdfb0d1["vite.config-mainfields-custom-first.js"]
  f26c64c7_18f8_abf2_bfc6_1f938fdfb0d1 --> 32b9a38e_b8fa_2547_77f3_dca2438e08d6
  style 32b9a38e_b8fa_2547_77f3_dca2438e08d6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import path from 'node:path'
import { defaultClientConditions, defineConfig, normalizePath } from 'vite'
import { a } from './config-dep.cjs'

const virtualFile = '@virtual-file'
const virtualId = '\0' + virtualFile

const virtualFile9036 = 'virtual:file-9036.js'
const virtualId9036 = '\0' + virtualFile9036

const virtualFileHasImport = 'virtual:file-has-import.js'
const virtualIdHasImport = '/file-has-import.js'

const customVirtualFile = '@custom-virtual-file'

const virtualFileWithScheme = 'virtual-with-scheme'
const virtualIdWithScheme = '\0https://example.com/virtual.js'

const generatedContentVirtualFile = '@generated-content-virtual-file'
const generatedContentImports = [
  {
    specifier: normalizePath(
      path
        .resolve(import.meta.dirname, './drive-relative.js')
        .replace(/^[a-zA-Z]:/, ''),
    ),
    elementQuery: '.drive-relative',
  },
  {
    specifier: normalizePath(
      path.resolve(import.meta.dirname, './absolute.js'),
    ),
    elementQuery: '.absolute',
  },
  {
    specifier: new URL('file-url.js', import.meta.url),
    elementQuery: '.file-url',
  },
]

export default defineConfig({
  resolve: {
    extensions: ['.mjs', '.js', '.es', '.ts'],
    mainFields: ['browser', 'custom', 'module'],
    conditions: [...defaultClientConditions, 'custom'],
  },
  define: {
    VITE_CONFIG_DEP_TEST: a,
  },
  plugins: [
    {
      name: 'virtual-module',
      resolveId(id) {
        if (id === virtualFile) {
          return virtualId
        }
      },
      load(id) {
        if (id === virtualId) {
          return `export const msg = "[success] from conventional virtual file"`
// ... (112 more lines)

Domain

Dependencies

Imported By

Source

Frequently Asked Questions

What does vite.config.js do?
vite.config.js is a source file in the vite codebase, written in javascript. It belongs to the ViteCore domain.
What does vite.config.js depend on?
vite.config.js imports 3 module(s): config-dep.cjs, node:path, vite.
What files import vite.config.js?
vite.config.js is imported by 1 file(s): vite.config-mainfields-custom-first.js.
Where is vite.config.js in the architecture?
vite.config.js is located at playground/resolve/vite.config.js (domain: ViteCore, directory: playground/resolve).

Analyze Your Own Codebase

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

Try Supermodel Free