plugin.ts — vite Source File

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

File typescript ViteCore ConfigEngine 2 imports 1 dependents 1 functions

Entity Profile

ViteCore→ ConfigEngine→ plugin.ts — vite Source File

Dependency Diagram

graph LR
  781d8cbd_13ea_7fbf_365c_3960563bd6f1["plugin.ts"]
  51e96894_3556_ed5c_1ede_97d449867adf["node:path"]
  781d8cbd_13ea_7fbf_365c_3960563bd6f1 --> 51e96894_3556_ed5c_1ede_97d449867adf
  54c37fea_4fe7_2693_71cb_1276b77f55f9["vite"]
  781d8cbd_13ea_7fbf_365c_3960563bd6f1 --> 54c37fea_4fe7_2693_71cb_1276b77f55f9
  1881247f_497c_87d7_8eb6_75c8f50658ae["vite.config.ts"]
  1881247f_497c_87d7_8eb6_75c8f50658ae --> 781d8cbd_13ea_7fbf_365c_3960563bd6f1
  style 781d8cbd_13ea_7fbf_365c_3960563bd6f1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import path from 'node:path'
import { type Plugin, normalizePath } from 'vite'

// use plugin to simulate server rendered css link
export function TestCssLinkPlugin(): Plugin {
  return {
    name: 'test-css-link',
    transformIndexHtml: {
      handler(_html, ctx) {
        if (!ctx.filename.endsWith('/css-link/index.html')) return
        return [
          {
            tag: 'link',
            attrs: {
              rel: 'stylesheet',
              href: '/css-link/styles.css',
              'data-vite-dev-id': normalizePath(
                path.resolve(import.meta.dirname, 'styles.css'),
              ),
            },
          },
        ]
      },
    },
  }
}