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

File javascript ViteCore ConfigEngine 1 imports 1 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  a6f59069_6070_6880_416d_9e8c0b0817c9["vite.config.js"]
  54c37fea_4fe7_2693_71cb_1276b77f55f9["vite"]
  a6f59069_6070_6880_416d_9e8c0b0817c9 --> 54c37fea_4fe7_2693_71cb_1276b77f55f9
  46519de5_d59c_1c1d_dab6_2516abc896ce["define.spec.ts"]
  46519de5_d59c_1c1d_dab6_2516abc896ce --> a6f59069_6070_6880_416d_9e8c0b0817c9
  style a6f59069_6070_6880_416d_9e8c0b0817c9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { defineConfig } from 'vite'

/**
 * Plugin to test that env imports with query parameters work correctly (#20997)
 */
function testEnvQueryParamsPlugin() {
  let isBuild = true
  return {
    name: 'test-env-query-params',
    configResolved(config) {
      isBuild = config.command === 'build'
    },
    transform(code, id) {
      if (
        id.includes('index.html') &&
        code.includes('__VITE_ENV_WITH_QUERY__')
      ) {
        return code.replace(
          '__VITE_ENV_WITH_QUERY__',
          JSON.stringify(isBuild ? 'data:text/javascript,' : '/@vite/env?foo'),
        )
      }
    },
  }
}

export default defineConfig({
  plugins: [testEnvQueryParamsPlugin()],
  define: {
    __EXP__: 'false',
    __STRING__: '"hello"',
    __NUMBER__: 123,
    __BOOLEAN__: true,
    __UNDEFINED__: undefined,
    __OBJ__: {
      foo: 1,
      bar: {
        baz: 2,
      },
      process: {
        env: {
          SOMEVAR: '"PROCESS MAY BE PROPERTY"',
        },
      },
    },
    'process.env.NODE_ENV': '"dev"',
    'process.env.SOMEVAR': '"SOMEVAR"',
    'process.env': {
      NODE_ENV: 'dev',
      SOMEVAR: 'SOMEVAR',
      OTHER: 'works',
    },
    $DOLLAR: 456,
    ÖUNICODE_LETTERɵ: 789,
    __VAR_NAME__: false,
    __STRINGIFIED_OBJ__: JSON.stringify({ foo: true }),
    'import.meta.env.SOME_IDENTIFIER': '__VITE_SOME_IDENTIFIER__',
  },
  environments: {
    client: {
      define: {
        __DEFINE_IN_ENVIRONMENT__: '"defined only in client"',
      },
    },
  },
})

Domain

Subdomains

Dependencies

  • vite

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, ConfigEngine subdomain.
What functions are defined in vite.config.js?
vite.config.js defines 1 function(s): testEnvQueryParamsPlugin.
What does vite.config.js depend on?
vite.config.js imports 1 module(s): vite.
What files import vite.config.js?
vite.config.js is imported by 1 file(s): define.spec.ts.
Where is vite.config.js in the architecture?
vite.config.js is located at playground/define/vite.config.js (domain: ViteCore, subdomain: ConfigEngine, directory: playground/define).

Analyze Your Own Codebase

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

Try Supermodel Free