You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I wanted to give a try to lightningcss on my Vue project using vite. However, using Vite's debug tools, I see that the CSS part of my components is taking actually longer with lightningcss vs postcss with the vite:plugin-transform.
Just change the vite.config.js file's css.transformer from lightningcss to postcss, then run DEBUG="vite:plugin-transform" npm run dev.
However both are quite "slow" on stackblitz, the difference is quite drastic once the project is cloned on my own machine (as in, vite:css takes ~0.1ms with postcss, and around ~30ms with lightnincss).
Any idea why that difference is and if it can be adressed ?
Thank you in advance 😃
The text was updated successfully, but these errors were encountered:
Hello,
I wanted to give a try to lightningcss on my Vue project using vite. However, using Vite's debug tools, I see that the CSS part of my components is taking actually longer with lightningcss vs postcss with the vite:plugin-transform.
You can see it in action here : https://stackblitz.com/edit/vitejs-vite-veyt6b?file=vite.config.js&terminal=dev
Just change the
vite.config.js
file'scss.transformer
fromlightningcss
topostcss
, then runDEBUG="vite:plugin-transform" npm run dev
.However both are quite "slow" on stackblitz, the difference is quite drastic once the project is cloned on my own machine (as in, vite:css takes ~0.1ms with postcss, and around ~30ms with lightnincss).
Any idea why that difference is and if it can be adressed ?
Thank you in advance 😃
The text was updated successfully, but these errors were encountered: