createCssPluginTransform() — vite Function Reference

Architecture documentation for the createCssPluginTransform() function in css.spec.ts from the vite codebase.

Function typescript ViteCore ConfigEngine calls 2

Entity Profile

ViteCore→ ConfigEngine→ createCssPluginTransform() — vite Function Reference

Dependency Diagram

graph TD
  5264d5e7_3105_8e4d_45a1_d7d3af9915a8["createCssPluginTransform()"]
  ba0c3c35_a24f_6cf5_28b0_577f95582f08["css.spec.ts"]
  5264d5e7_3105_8e4d_45a1_d7d3af9915a8 -->|defined in| ba0c3c35_a24f_6cf5_28b0_577f95582f08
  58c4a210_68fe_1b4d_ed49_d59203f97ef1["resolveConfig()"]
  5264d5e7_3105_8e4d_45a1_d7d3af9915a8 -->|calls| 58c4a210_68fe_1b4d_ed49_d59203f97ef1
  157cb972_609e_022e_1ec5_3ed6f7e4f45c["cssPlugin()"]
  5264d5e7_3105_8e4d_45a1_d7d3af9915a8 -->|calls| 157cb972_609e_022e_1ec5_3ed6f7e4f45c
  style 5264d5e7_3105_8e4d_45a1_d7d3af9915a8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/__tests__/plugins/css.spec.ts lines 236–260

async function createCssPluginTransform(inlineConfig: InlineConfig = {}) {
  const config = await resolveConfig(inlineConfig, 'serve')
  const environment = new PartialEnvironment('client', config)

  const { transform, buildStart } = cssPlugin(config)

  // @ts-expect-error buildStart is function
  await buildStart.call({})

  return {
    async transform(code: string, id: string) {
      // @ts-expect-error transform.handler is function
      return await transform.handler.call(
        {
          addWatchFile() {
            return
          },
          environment,
        },
        code,
        id,
      )
    },
  }
}