vite.config.ts — vite Source File

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

File typescript ViteCore ConfigEngine 2 imports 1 functions

Entity Profile

ViteCore→ ConfigEngine→ vite.config.ts — vite Source File

Dependency Diagram

graph LR
  675df7e5_44f8_c59d_3bc1_6c8d1f1b24b7["vite.config.ts"]
  54c37fea_4fe7_2693_71cb_1276b77f55f9["vite"]
  675df7e5_44f8_c59d_3bc1_6c8d1f1b24b7 --> 54c37fea_4fe7_2693_71cb_1276b77f55f9
  1b33f543_dcf3_eb24_961e_6951bd095f55["vite"]
  675df7e5_44f8_c59d_3bc1_6c8d1f1b24b7 --> 1b33f543_dcf3_eb24_961e_6951bd095f55
  style 675df7e5_44f8_c59d_3bc1_6c8d1f1b24b7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { defineConfig } from 'vite'
import type { Plugin } from 'vite'
import tailwindcss from '@tailwindcss/vite'

function delayIndexCssPlugin(): Plugin {
  let server
  return {
    name: 'delay-index-css',
    enforce: 'pre',
    configureServer(_server) {
      server = _server
    },
    async load(id) {
      if (server && id.includes('index.css')) {
        await server.waitForRequestsIdle(id)
      }
    },
  }
}

export default defineConfig({
  resolve: {
    alias: {
      '/@': import.meta.dirname,
    },
  },
  build: {
    // to make tests faster
    minify: false,
  },
  plugins: [
    {
      name: 'delay view',
      enforce: 'pre',
      async transform(_code, id) {
        if (id.includes('views/view1.js')) {
          await new Promise((resolve) => setTimeout(resolve, 100))
        }
      },
    },
    delayIndexCssPlugin(),
    tailwindcss(),
  ],
})