tailwindcss Obfuscate Tailwind CSS classes

For performance proposes, everything that can be made to improve final bundle size is welcome. Even better if automated.

As feature request, would be nice to obfuscate classes on production bundle. Using webpack-obfuscator, for example.

Example

Original code:

# index.vue
<div class="text-gray-500">Hey!</div>

# tailwind.css
.text-gray-500 { color: #888; }

Final code:

# index.html
<div class="a">Hey!</div>

# tailwind.css
.a { color: #888; }

Dec 30 '20 15:12 hmaesta

If you want to experiment it, please go ahead :)

I don't know the side effects regarding Tailwindcss purge option.

Jan 08 '21 16:01 atinux

Would love this. Someone mentioned that this could work? I haven't tried it: https://github.com/sndyuk/mangle-css-class-webpack-plugin

Feb 25 '21 00:02 684efs3

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Jul 30 '21 03:07 stale[bot]

Not stale

Aug 02 '21 14:08 atinux

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Oct 02 '21 01:10 stale[bot]

not stale