vite Architecture Docs
Home / File/ vite.config-lightningcss.js — vite Source File

vite.config-lightningcss.js — vite Source File

Architecture documentation for vite.config-lightningcss.js, a javascript file in the vite codebase. 8 imports, 0 dependents.

File javascript ViteCore 8 imports

Entity Profile

Dependency Diagram

graph LR
  5c81aa76_dd42_9d68_2485_64577867dfb7["vite.config-lightningcss.js"]
  20d4b7dc_5732_43e7_ff19_a382aba5dfc5["vite.config.js"]
  5c81aa76_dd42_9d68_2485_64577867dfb7 --> 20d4b7dc_5732_43e7_ff19_a382aba5dfc5
  c618defc_3b57_317d_60a6_8c85cb7f6060["lightningcss-plugins.js"]
  5c81aa76_dd42_9d68_2485_64577867dfb7 --> c618defc_3b57_317d_60a6_8c85cb7f6060
  adf80660_fee2_6590_5178_e49c45f01ee9["nestedLikePlugin"]
  5c81aa76_dd42_9d68_2485_64577867dfb7 --> adf80660_fee2_6590_5178_e49c45f01ee9
  9219ad7a_09d4_944e_c784_0b1add38e7c6["testDirDep"]
  5c81aa76_dd42_9d68_2485_64577867dfb7 --> 9219ad7a_09d4_944e_c784_0b1add38e7c6
  be08e49d_954d_7051_1a7b_129412f44fe1["testInjectUrl"]
  5c81aa76_dd42_9d68_2485_64577867dfb7 --> be08e49d_954d_7051_1a7b_129412f44fe1
  e279821c_0f30_c98f_5f59_97b3f04cbb07["testSourceInput"]
  5c81aa76_dd42_9d68_2485_64577867dfb7 --> e279821c_0f30_c98f_5f59_97b3f04cbb07
  54c37fea_4fe7_2693_71cb_1276b77f55f9["vite"]
  5c81aa76_dd42_9d68_2485_64577867dfb7 --> 54c37fea_4fe7_2693_71cb_1276b77f55f9
  c688d896_f72c_d58c_87d1_55a366a1326a["lightningcss"]
  5c81aa76_dd42_9d68_2485_64577867dfb7 --> c688d896_f72c_d58c_87d1_55a366a1326a
  style 5c81aa76_dd42_9d68_2485_64577867dfb7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { defineConfig } from 'vite'
import { composeVisitors } from 'lightningcss'
import baseConfig from './vite.config.js'
import {
  nestedLikePlugin,
  testDirDep,
  testInjectUrl,
  testSourceInput,
} from './lightningcss-plugins'

export default defineConfig({
  ...baseConfig,
  css: {
    ...baseConfig.css,
    transformer: 'lightningcss',
    lightningcss: {
      cssModules: {
        pattern: '[name]__[local]___[hash]',
      },
      visitor: composeVisitors([
        nestedLikePlugin(),
        testDirDep(),
        testSourceInput(),
        testInjectUrl(),
      ]),
    },
  },
  cacheDir: 'node_modules/.vite-no-css-minify',
})

Domain

Dependencies

Source

Frequently Asked Questions

What does vite.config-lightningcss.js do?
vite.config-lightningcss.js is a source file in the vite codebase, written in javascript. It belongs to the ViteCore domain.
What does vite.config-lightningcss.js depend on?
vite.config-lightningcss.js imports 8 module(s): lightningcss, lightningcss-plugins.js, nestedLikePlugin, testDirDep, testInjectUrl, testSourceInput, vite, vite.config.js.
Where is vite.config-lightningcss.js in the architecture?
vite.config-lightningcss.js is located at playground/css/vite.config-lightningcss.js (domain: ViteCore, directory: playground/css).

Analyze Your Own Codebase

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

Try Supermodel Free