[Build file size too big]

[iamleson98]

hello guys

I'm new to tailwindcss and very interested in learning it. I followed this post https://www.smashingmagazine.com/2020/02/tailwindcss-react-project/ to add tailwindcss to my existing reactjs project
After i run the command npm run build, this is the css files in the build directory(only tailwind generated code, not my custom css)

Could anybody please tell me why the css file is too big and Does it affect page load speed ?
How to reduce the file size ?
Thank you!

[adamwathan]

Hey! Check out this page in our docs on building for production and optimizing file size:

https://tailwindcss.com/docs/controlling-file-size

Should help a lot 👍

[iamleson98]

Hi mr @adamwathan.

I insert different class texts to an element, but visual studio code show me this warning.
What should i do ?

Thank you!

[Apostolique]

You could add something like this to your tailwind config:

transitionProperty: {
    'transform-opacity': 'transform, opacity',
},

Then you can use it with: transition-transform-opacity.