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

vite.config.ts — vite Source File

Architecture documentation for vite.config.ts, a typescript file in the vite codebase. 3 imports, 0 dependents.

File typescript ViteCore ConfigEngine 3 imports 2 functions

Entity Profile

Dependency Diagram

graph LR
  092402a4_421c_5a4d_43f9_dd627f8ed6d2["vite.config.ts"]
  e6032fbc_44cf_58d6_868d_dd15106c18c5["node:fs"]
  092402a4_421c_5a4d_43f9_dd627f8ed6d2 --> e6032fbc_44cf_58d6_868d_dd15106c18c5
  51e96894_3556_ed5c_1ede_97d449867adf["node:path"]
  092402a4_421c_5a4d_43f9_dd627f8ed6d2 --> 51e96894_3556_ed5c_1ede_97d449867adf
  54c37fea_4fe7_2693_71cb_1276b77f55f9["vite"]
  092402a4_421c_5a4d_43f9_dd627f8ed6d2 --> 54c37fea_4fe7_2693_71cb_1276b77f55f9
  style 092402a4_421c_5a4d_43f9_dd627f8ed6d2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import fs from 'node:fs'
import path from 'node:path'
import { defineConfig } from 'vite'

const escapeAliases = fs
  .readdirSync(path.join(import.meta.dirname, 'escape'), {
    withFileTypes: true,
  })
  .filter((f) => f.isDirectory())
  .map((f) => f.name)
  .reduce((aliases: Record<string, string>, dir) => {
    aliases[`@escape_${dir}_mod`] = path.resolve(
      import.meta.dirname,
      `./escape/${dir}/mod`,
    )
    return aliases
  }, {})

const transformVisibilityPlugin = {
  name: 'test:transform-visibility',
  enforce: 'post',
  transform(code: string, id: string) {
    if (id.endsWith('transform-visibility.js')) {
      const globTransformed = !code.includes('import.meta.glob')
      const dynamicImportTransformed = code.includes(
        '__variableDynamicImportRuntimeHelper',
      )
      return `export default ${JSON.stringify({ globTransformed, dynamicImportTransformed })}`
    }
  },
}

export default defineConfig({
  plugins: [transformVisibilityPlugin],
  resolve: {
    alias: {
      ...escapeAliases,
      '@dir': path.resolve(import.meta.dirname, './dir/'),
      '#alias': path.resolve(import.meta.dirname, './imports-path/'),
    },
  },
  build: {
    sourcemap: true,
    rollupOptions: {
      output: {
        // manualChunks(id) {
        //   if (id.includes('foo.css')) {
        //     return 'foo_css'
        //   }
        // },
      },
    },
  },
})

Domain

Subdomains

Functions

Dependencies

  • node:fs
  • node:path
  • vite

Source

Frequently Asked Questions

What does vite.config.ts do?
vite.config.ts is a source file in the vite codebase, written in typescript. It belongs to the ViteCore domain, ConfigEngine subdomain.
What functions are defined in vite.config.ts?
vite.config.ts defines 2 function(s): escapeAliases, transformVisibilityPlugin.transform.
What does vite.config.ts depend on?
vite.config.ts imports 3 module(s): node:fs, node:path, vite.
Where is vite.config.ts in the architecture?
vite.config.ts is located at playground/glob-import/vite.config.ts (domain: ViteCore, subdomain: ConfigEngine, directory: playground/glob-import).

Analyze Your Own Codebase

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

Try Supermodel Free