Lightning CSS

CSS-in-JS 🟡 Mid

Definition

Outil Rust ultra-rapide (ex-Parcel CSS) qui parse, transforme, prefixe et minifie le CSS. Alternative tout-en-un a PostCSS + Autoprefixer + CSSNano, 100x plus rapide.

Analogie

Un robot cuisinier qui fait tout (couper, mixer, cuire) a la vitesse de l'eclair.

Exemple de code

// vite.config.js
export default {
  css: {
    transformer: 'lightningcss',
    lightningcss: {
      targets: browserslistToTargets(
        browserslist('>= 0.25%')
      )
    }
  }
}

Cas d'usage

Remplacer la stack PostCSS/Autoprefixer/CSSNano par un outil unique bien plus rapide.

#styling#interview#css-in-js