lightningcss icon indicating copy to clipboard operation
lightningcss copied to clipboard

Using LightingCSS as tailwind transformer

Open chrismcv opened this issue 1 year ago • 1 comments

Hi, Apologies if this is a silly question, but I can't see anything in the docs that answers the question meaningfully.

We're using a dual build process currently... for dev we use vite + postcss + tailwind, and for prod, we use esbuild + postcss + tailwind.

We are using tailwind JIT, which I suspect makes the answer more complicated.

I'd like to replace out the postcss part with lightning css, but keep using tailwind, both in dev and prod. Is there a way to do this?

Postcss.config.js looks like this:

module.exports = {
  plugins: [require('tailwindcss'), require('autoprefixer')]
};

So I'm hoping its simple/possible.

Thanks, Chris

chrismcv avatar Jul 14 '23 09:07 chrismcv

independently i came across this today which might help with this issue: https://github.com/ArnaudBarre/downwind

mayank99 avatar Jul 25 '23 00:07 mayank99