Question 1

How to use Lightning CSS with Webpack?

Accepted Answer

Lightning CSS can be integrated via its Node.js API or CLI; for Webpack, you may need a custom plugin or loader, as it's not natively supported. Check the official documentation for setup examples and community plugins.

Question 2

Lightning CSS vs PostCSS: which is better for my project?

Accepted Answer

Lightning CSS excels in speed and correctness for standard transformations and minification, while PostCSS offers a larger plugin ecosystem for niche needs. Choose Lightning CSS for performance-critical builds and PostCSS for extensive customization.

Question 3

Does Lightning CSS support CSS custom properties?

Accepted Answer

Yes, it handles CSS custom properties and can scope them locally with CSS modules, but it does not evaluate variable values dynamically, limiting some advanced optimizations.

Question 4

How to minify CSS with the Lightning CSS CLI?

Accepted Answer

Install the CLI via npm, then run commands like `lightningcss --minify input.css -o output.css`. You can add browser targets and other options for transformations, as detailed in the docs.

Question 5

What CSS features are not supported by Lightning CSS?

Accepted Answer

It focuses on standard and draft specs, so very experimental or non-standard features might be unsupported. For example, full CSS modules support is a subset, and some older browser hacks may not be handled.

Question 6

Can Lightning CSS be used for CSS-in-JS?

Accepted Answer

Not directly; it's a build-time tool for processing static CSS files. For CSS-in-JS, you'd need to extract styles first, or use it in conjunction with tools that support build-time extraction.

@parcel/css

What is @parcel/css?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions