vite Architecture Docs
Home / Function/ getLightningCssErrorMessageForIeSyntaxes() — vite Function Reference

getLightningCssErrorMessageForIeSyntaxes() — vite Function Reference

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

Function typescript PluginSystem LegacySupport called by 2

Entity Profile

Dependency Diagram

graph TD
  0dbffdb0_e182_a4a7_e983_7fa79c03a9d5["getLightningCssErrorMessageForIeSyntaxes()"]
  c3eb47df_971b_0616_6c9f_29b3ded72224["css.ts"]
  0dbffdb0_e182_a4a7_e983_7fa79c03a9d5 -->|defined in| c3eb47df_971b_0616_6c9f_29b3ded72224
  297b7917_5996_b011_26d1_5bce9b0e6724["minifyCSS()"]
  297b7917_5996_b011_26d1_5bce9b0e6724 -->|calls| 0dbffdb0_e182_a4a7_e983_7fa79c03a9d5
  cc40a51d_2143_be43_f128_4841bfa5e9d3["compileLightningCSS()"]
  cc40a51d_2143_be43_f128_4841bfa5e9d3 -->|calls| 0dbffdb0_e182_a4a7_e983_7fa79c03a9d5
  style 0dbffdb0_e182_a4a7_e983_7fa79c03a9d5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/node/plugins/css.ts lines 3389–3411

function getLightningCssErrorMessageForIeSyntaxes(
  code: string,
): string | undefined {
  const commonIeMessage =
    ', which was used in the past to support old Internet Explorer versions.' +
    ' This is not a valid CSS syntax and will be ignored by modern browsers. ' +
    '\nWhile this is not supported by LightningCSS, you can set `css.lightningcss.errorRecovery: true` to strip these codes.'
  if (/[\s;{]\*[a-zA-Z-][\w-]+\s*:/.test(code)) {
    // https://stackoverflow.com/a/1667560
    return (
      '.\nThis file contains star property hack (e.g. `*zoom`)' +
      commonIeMessage
    )
  }
  if (/min-width:\s*0\\0/.test(code)) {
    // https://stackoverflow.com/a/14585820
    return (
      '.\nThis file contains @media zero hack (e.g. `@media (min-width: 0\\0)`)' +
      commonIeMessage
    )
  }
  return undefined
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does getLightningCssErrorMessageForIeSyntaxes() do?
getLightningCssErrorMessageForIeSyntaxes() is a function in the vite codebase, defined in packages/vite/src/node/plugins/css.ts.
Where is getLightningCssErrorMessageForIeSyntaxes() defined?
getLightningCssErrorMessageForIeSyntaxes() is defined in packages/vite/src/node/plugins/css.ts at line 3389.
What calls getLightningCssErrorMessageForIeSyntaxes()?
getLightningCssErrorMessageForIeSyntaxes() is called by 2 function(s): compileLightningCSS, minifyCSS.

Analyze Your Own Codebase

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

Try Supermodel Free